timing diagram, UML, plantUML

PlantUML
一目でわかるPlantUML
https://plantuml.com/ja/

PlantUML を使った UML の描き方
https://plantuml.com/ja/guide

シーケンス図
https://plantuml.com/ja/sequence-diagram

タイミング図
https://plantuml.com/ja/timing-diagram

@startuml
<style>
timingDiagram {
  .sw {
    LineColor green
  }
  .pl {
    LineColor blue
  }
  .pl4 {
    LineColor red
    LineThickness 2
  }
}
</style>

clock clk with period 1

binary "SW3" as SW3 <<sw>>
binary "PL1" as PL1 <<pl>>
binary "PL2" as PL2 <<pl>>
binary "PL3" as PL3 <<pl>>
binary "PL4" as PL4 <<pl4>>

@0
SW3 is low
PL1 is low
PL2 is low
PL3 is low
PL4 is low

@0.5
SW3 is high
PL1 is high

@1
SW3 is low
PL1 is low
PL2 is high

@1.5
PL2 is low
PL3 is high

@2
PL3 is low
PL4 is high

@2.5
PL1 is high
PL4 is low

@3
PL1 is low
PL2 is high

@3.5
PL2 is low
PL3 is high

@4
PL3 is low
PL4 is high

@4.5
PL1 is high
PL4 is low

@5
PL1 is low
PL2 is high

@5.5
PL2 is low
PL3 is high

@6
PL3 is low
PL4 is high

@6.5
PL1 is high
PL4 is low

@7
PL1 is low
PL2 is high

@7.5
PL2 is low
PL3 is high

@8
PL3 is low
PL4 is high

@8.5
PL1 is high
PL4 is low

@9
PL1 is low
PL2 is high

@9.5
PL2 is low
PL3 is high

@10
PL3 is low

@enduml