PlantUML Advanced usage Handwritten diagrams

       

Edit in DokuwikiEdit in AsciidocEdit in Markdown

手書き風ダイアグラムスタイル

アクティビティ図

@startuml skinparam handwritten true start if (Graphviz installed?) then (yes) :process all\ndiagrams; else (no) :process only __sequence__ and __activity__ diagrams; endif stop @enduml

ボード図

@startboard skinparam handwritten true scale .75 A1 +U1.1 ++S1 R1 ++S1 R2 +U1.2 A2 @endboard

クラス図

@startuml skinparam handwritten true class Object class String extends Object class Date extends Object @enduml

ガントチャート

@startgantt skinparam handwritten true hide footbox Project starts the 2020-12-01 [Task1] lasts 9 days sunday are closed note bottom memo1 ... memo2 ... explanations1 ... explanations2 ... end note [Task2] lasts 10 days [Task2] starts 7 days after [Task1]'s end note bottom memo1 ... memo2 ... explanations1 ... explanations2 ... end note -- Separator title -- [M1] happens on 5 days after [Task1]'s end -- end -- @endgantt

マインドマップ

@startmindmap skinparam handwritten true * World ** America *** Canada *** Mexico *** USA ** Europe ***_ England ***_ Germany ***_ Spain @endmindmap

ネットワーク図

@startuml skinparam handwritten true nwdiag { network dmz { address = "210.x.x.x/24" web01 [address = "210.x.x.1"]; web02 [address = "210.x.x.2"]; } network internal { address = "172.x.x.x/24"; web01 [address = "172.x.x.1"]; web02 [address = "172.x.x.2"]; db01; db02; } } @enduml

Salt

@startsalt skinparam handwritten true mainframe This is a **mainframe** {+ Login | "MyName " Password | "**** " [Cancel] | [ OK ] } @endsalt

シーケンス図

@startuml skinparam handwritten true Alice -> Bob : hello note right: Not validated yet @enduml

WBS

@startwbs skinparam handwritten true * World ** America *** Canada *** Mexico *** USA ** Europe ***_ England ***_ Germany ***_ Spain @endwbs

ワイヤフレーム

@startwire skinparam handwritten true * first * second_box [100x50] * third @endwire

• handwritten skinparam to true (for version before V1.2025.1)
• handwritten option to true (since V1.2025.1)

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Activity

@startuml !option handwritten true start if (Graphviz installed?) then (yes) :process all\ndiagrams; else (no) :process only __sequence__ and __activity__ diagrams; endif stop @enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Board

@startboard !option handwritten true scale .75 A1 +U1.1 ++S1 R1 ++S1 R2 +U1.2 A2 @endboard

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Class

@startuml !option handwritten true class Object class String extends Object class Date extends Object @enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Deployment

Deployment shapes

@startuml !option handwritten true actor actor actor/ "actor/" agent agent artifact artifact boundary boundary card card circle circle cloud cloud collections collections component component control control database database entity entity file file folder folder frame frame hexagon hexagon interface interface label label node node package package person person queue queue rectangle rectangle stack stack storage storage usecase usecase usecase/ "usecase/" @enduml

Deployment with Group

@startuml !option handwritten true package "Some Group" { HTTP - [First Component] [Another Component] } node "Other Groups" { FTP - [Second Component] [First Component] --> FTP } cloud { [Example 1] } database "MySql" { folder "This is my folder" { [Folder 3] } frame "Foo" { [Frame 4] } } [Another Component] --> [Example 1] [Example 1] --> [Folder 3] [Folder 3] --> [Frame 4] @enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown

EBNF

@startebnf !option handwritten true title Title not_styled_ebnf = {"a", c , "a" (* Note on a *)} | ? special ? | "repetition", 4 * '2'; (* Global End Note *) @endebnf

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Gantt

@startgantt !option handwritten true hide footbox Project starts the 2020-12-01 [Task1] lasts 9 days sunday are closed note bottom memo1 ... memo2 ... explanations1 ... explanations2 ... end note [Task2] lasts 10 days [Task2] starts 7 days after [Task1]'s end note bottom memo1 ... memo2 ... explanations1 ... explanations2 ... end note -- Separator title -- [M1] happens on 5 days after [Task1]'s end -- end -- @endgantt

Edit in DokuwikiEdit in AsciidocEdit in Markdown

JSON

@startjson !option handwritten true { "fruit":"Apple", "size":"Large", "color": ["Red", "Green"] } @endjson

Edit in DokuwikiEdit in AsciidocEdit in Markdown

MindMap

@startmindmap !option handwritten true * World ** America *** Canada *** Mexico *** USA ** Europe ***_ England ***_ Germany ***_ Spain @endmindmap

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Network

@startnwdiag !option handwritten true nwdiag { network dmz { address = "210.x.x.x/24" web01 [address = "210.x.x.1"]; web02 [address = "210.x.x.2"]; } network internal { address = "172.x.x.x/24"; web01 [address = "172.x.x.1"]; web02 [address = "172.x.x.2"]; db01; db02; } } @endnwdiag

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Object

@startuml !option handwritten true object user1 user1 : name = "Dummy" user1 : id = 123 object user2 { name = "Dummy" id = 123 } object o1 object o2 diamond dia object o3 o1 --> dia o2 "1" -> "1" dia dia --> o3 object London map CapitalCity { UK *-> London USA => Washington Germany => Berlin } note right of London: Big ben user1 --> CapitalCity : visits > @enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Salt

@startsalt !option handwritten true mainframe This is a **mainframe** {+ Login | "MyName " Password | "**** " [Cancel] | [ OK ] } @endsalt

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Sequence

@startuml !option handwritten true Alice -> Bob : hello note right: Not validated yet @enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown

State

@startuml !option handwritten true state choice1 <<choice>> state fork1 <<fork>> state join2 <<join>> state end3 <<end>> [*] --> choice1 : from start\nto choice choice1 --> fork1 : from choice\nto fork choice1 --> join2 : from choice\nto join choice1 --> end3 : from choice\nto end fork1 ---> State1 : from fork\nto state fork1 --> State2 : from fork\nto state State2 --> join2 : from state\nto join State1 --> [*] : from state\nto end join2 --> [*] : from join\nto end @enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Timing

@startuml !option handwritten true robust "Web Browser" as WB concise "Web User" as WU WB is Initializing WU is Absent @WB 0 is idle +200 is Processing +100 is Waiting WB@0 <-> @50 : {50 ms lag} @WU 0 is Waiting +500 is ok @200 <-> @+150 : {150 ms} @enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown

WBS

@startwbs !option handwritten true * World ** America *** Canada *** Mexico *** USA ** Europe ***_ England ***_ Germany ***_ Spain @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Wire

@startwire !option handwritten true * first * second_box [100x50] * third @endwire

Edit in DokuwikiEdit in AsciidocEdit in Markdown

YAML

@startyaml !option handwritten true fruit: Apple size: Large color: - Red - Green @endyaml