配置図 • 状態遷移図（ステートマシン図） • タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • YAML Data • Network diagram (nwdiag) • ワイヤーフレーム • アーキテクチャ図 • 仕様及び記述言語 (SDL) • Ditaa • ガントチャート • マインドマップ • WBS 図 (作業分解図) define their diagrams using intuitive and concise textual descriptions. This not only speeds up the diagram creation process but also ensures consistency and accuracy. The ability to integrate with various dotted;text:blue @enduml [Ref. QA-5340 and adapted from QA-6852] 2.18 Display JSON Data on Usecase diagram 2.18.1 Simple example @startuml allowmixing actor Actor usecase Usecase json JSON { "fruit":"Apple"

言語リファレンスガイド (1.2020.23) 71 / 305 3.34 Arrows from/to class members 3 クラス図 [See similar feature on deployment] 3.34 Arrows from/to class members @startuml class Foo { + field1 + field2 } class Bar { + field3 interface "Last\ninterface" as Interf4 [component] footer //Adding "component" to force diagram to be a **component diagram**// @enduml PlantUML 言語リファレンスガイド (1.2020.23) 107 / 305 6.3 基本的な例 6 コンポーネント図 6.3 +500 is ok @200 <-> @+150 : {150 ms} @enduml 9.14 Highlighted period You can higlight a part of diagram. @startuml robust "Web Browser" as WB concise "Web User" as WU @0 WU is Idle WB is Idle PlantUML

言語リファレンスガイド (1.2020.22) 61 / 293 3.32 関係 (リンク、矢印) の色とスタイルを変更する 3 クラス図 [See similar feature on deployment] PlantUML 言語リファレンスガイド (1.2020.22) 62 / 293 4 アクティビティ図 4 アクティビティ図 4.1 単純なアクティビティ (*) をアクティビティ図の開始点と終了点に使います。 interface "Last\ninterface" as Interf4 [component] footer //Adding "component" to force diagram to be a **component diagram**// @enduml PlantUML 言語リファレンスガイド (1.2020.22) 96 / 293 6.3 基本的な例 6 コンポーネント図 6.3 基本的な例 +500 is ok @200 <-> @+150 : {150 ms} @enduml 9.14 Highlighted period You can higlight a part of diagram. @startuml robust "Web Browser" as WB concise "Web User" as WU @0 WU is Idle WB is Idle PlantUML

コンポーネント図 • 配置図 • 状態遷移図（ステートマシン図） • タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • Network diagram (nwdiag) • ワイヤーフレーム • アーキテクチャ図 • 仕様及び記述言語 (SDL) • Ditaa • ガントチャート • マインドマップ • WBS 図 (作業分解図) style (inline style) 2 ユースケース図 [Ref. QA-3770 and QA-3816] [See similar feature on deployment-diagram or class diagram] 2.17 Change element color and style (inline style) You can change the color or style dashed foo --> bar3 #blue;line.dotted;text:blue : blue dotted @enduml [See similar feature on deployment] 3.36 クラスの色とスタイルを変更する（インラインスタイル） 個別のクラスごとに色とスタイルを変更するには、次の記法を使用します： • #[color|back:color];h

配置図 • 状態遷移図（ステートマシン図） • タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • YAML Data • Network diagram (nwdiag) • ワイヤーフレーム • アーキテクチャ図 • 仕様及び記述言語 (SDL) • Ditaa • ガントチャート • マインドマップ • WBS 図 (作業分解図) dashed foo --> bar3 #blue;line.dotted;text:blue : blue dotted @enduml [See similar feature on deployment] 3.36 クラスの色とスタイルを変更する（インラインスタイル） 個別のクラスごとに色とスタイルを変更するには、次の記法を使用します： • #[color|back:color];h interface "Last\ninterface" as Interf4 [component] footer //Adding "component" to force diagram to be a **component diagram**// @enduml PlantUML 言語リファレンスガイド (1.2021.2) 126 / 398 7.3 基本的な例 7 コンポーネント図 7.3 基本的な例

配置図 • 状態遷移図（ステートマシン図） • タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • YAML Data • Network diagram (nwdiag) • ワイヤーフレーム • アーキテクチャ図 • 仕様及び記述言語 (SDL) • Ditaa • ガントチャート • マインドマップ • WBS 図 (作業分解図) dashed foo --> bar3 #blue;line.dotted;text:blue : blue dotted @enduml [See similar feature on deployment] 3.36 クラスの色とスタイルを変更する（インラインスタイル） 個別のクラスごとに色とスタイルを変更するには、次の記法を使用します： • #[color|back:color];h interface "Last\ninterface" as Interf4 [component] footer //Adding "component" to force diagram to be a **component diagram**// @enduml PlantUML 言語リファレンスガイド (1.2021.2) 126 / 411 7.3 基本的な例 7 コンポーネント図 7.3 基本的な例

[プロトタイプをテスト]'s end @endgantt PlantUML 言語リファレンスガイド (1.2019.6) 104 / 173 11 MINDMAP 11 MindMap MindMap diagram are still in beta: the syntax may change without notice. 11.1 OrgMode syntax This syntax is compatible Arithmetic notation 11 MINDMAP 11.3 Arithmetic notation You can use the following notation to choose diagram side. @startmindmap + OS ++ Ubuntu +++ Linux Mint +++ Kubuntu +++ Lubuntu +++ KDE Neon ++ LMDE ++ 106 / 173 11.5 Changing diagram direction 11 MINDMAP * another first level node @endmindmap 11.5 Changing diagram direction It is possible to use both sides of the diagram. @startmindmap * count **

以外の図もサポートしてます。 • ワイヤーフレーム • アーキテクチャ図 • 仕様及び記述言語 (SDL) • Ditaa • ガントチャート • MindMap diagram • Work Breakdown Structure diagram • AsciiMath や JLaTeXMath による、数学的記法 各ダイアグラムは、シンプルで直感的に書くことができます。 1 シーケンス図 1 [プロトタイプをテスト]'s end @endgantt PlantUML 言語リファレンスガイド (1.2019.4) 104 / 167 11 MINDMAP 11 MindMap MindMap diagram are still in beta: the syntax may change without notice. 11.1 OrgMode syntax This syntax is compatible Arithmetic notation 11 MINDMAP 11.3 Arithmetic notation You can use the following notation to choose diagram side. @startmindmap + OS ++ Ubuntu +++ Linux Mint +++ Kubuntu +++ Lubuntu +++ KDE Neon ++ LMDE ++

and header You can use the commands header or footer to add a footer or a header on any generated diagram. You can optionally specify if you want a center, left or right footer/header, by adding a keyword There is also a caption keyword to put a caption under the diagram. @startuml caption figure 1 Alice -> Bob: Hello @enduml 14.6 Legend the diagram The legend and end legend are keywords is used to put -> Bob : Hello legend top left Short PlantUML 言語リファレンスガイド (1.2019.9) 117 / 174 14.6 Legend the diagram 14 COMMON COMMANDS legend endlegend @enduml PlantUML 言語リファレンスガイド (1.2019.9) 118 / 174 15 SALT（ワイヤフレームによる

and header You can use the commands header or footer to add a footer or a header on any generated diagram. You can optionally specify if you want a center, left or right footer/header, by adding a keyword There is also a caption keyword to put a caption under the diagram. @startuml caption figure 1 Alice -> Bob: Hello @enduml 12.6 Legend the diagram The legend and end legend are keywords is used to put -> Bob : Hello legend top left Short PlantUML 言語リファレンスガイド (1.2019.3) 109 / 159 12.6 Legend the diagram 12 COMMON COMMANDS legend endlegend @enduml PlantUML 言語リファレンスガイド (1.2019.3) 110 / 159 13 SALT（GUI