AIフローチャート構文

導入
AIフローチャートは Mermaid.js に基づいているため、Mermaid.js の構文に従います。 フローチャートは、ノード（幾何学的形状）とエッジ（矢印または線）で構成されます。 Mermaid.js のコードは、ノードとエッジの作り方を定義し、さまざまな矢印の種類、双方向矢印、およびサブグラフへの/からのリンクに対応しています。
ノードの定義
タイプ コード グラフ 構文
ノード 
flowchart LR
  apple
 ノード名を入力するだけです。
テキスト付きノード 
flowchart LR
  node["This is text"]
 テキストを括弧で囲み、二重引用符を使用してテキストを囲みます。
マークダウン付きノード 
flowchart LR
  node["`This **is**
_Markdown_`"]
 マークダウンを括弧で囲み、二重引用符とバッククォートを使用してテキストを囲みます。
ノードの形状
タイプ コード グラフ 構文
角が丸いノード 
flowchart LR
  node(Content)
 Put text in (...)
スタジアム型のノード 
flowchart LR
  node([Content])
 Put text in ([...])
サブルーチン型のノード 
flowchart LR
  node[[Content]]
 Put text in [[...]]
円筒形のノード 
flowchart LR
  node[(Content)]
 Put text in [(...)]
円形のノード 
flowchart LR
  node((Content))
 Put text in ((...))
非対称型のノード 
flowchart LR
  node>Content]
 Put text in >...]
ダイヤモンド型のノード 
flowchart LR
  node{Content}
 Put text in {...}
六角形のノード 
flowchart LR
  node{{Content}}
 Put text in {{...}}
平行四辺形 A 
flowchart LR
  node[/Content/]
 Put text in [/.../]
平行四辺形 B 
flowchart LR
  node[\Content\]
 Put text in [\...\]
台形 A 
flowchart LR
  node[/Content\]
 Put text in [/...\]
台形 B 
flowchart LR
  node[\Content/]
 Put text in [\.../]
二重円 
flowchart LR
  node(((Content)))
 Put text in (((...)))
ノード間のリンク
線の長さ
長さ 1 2 3
通常 --- ---- -----
矢印付き通常 --> ---> ---->
太い === ==== =====
矢印付き太い ==> ===> ====>
点線 -.- -..- -...-
矢印付き点線 -.-> -..-> -...->
より高度な使用法
高度な使用法には、サブグラフ、インタラクション、スタイル設定、クラスなどが含まれます。 Mermaid.js 公式サイトをご覧ください。