mermaid.js:フローチャート
横方向がデフォルト
四角の部分がノード(node)、矢印部分がエッジ(edge)
左から右に流すならflowchart LR
LRはLeft Right
code:memo
flowchart LR
code:memo.mermaid
flowchart LR
並列に書く
code:memo
flowchart LR
a --> b & c --> d
code:memo.mermaid
flowchart LR
a --> b & c --> d
縦に書く
flowchart TD
TDはTop Bottom
code:memo
flowchart TD
code:memo.mermaid
flowchart TD
グループ(サブグラフ)で分ける
code:memo
flowchart TB
c1-->a2
subgraph one
a1-->a2
end
subgraph two
b1-->b2
end
subgraph three
c1-->c2
end
code:mermaid
flowchart TB
c1-->a2
subgraph one
a1-->a2
end
subgraph two
b1-->b2
end
subgraph three
c1-->c2
end
参考