mermaid.js:ロジックツリー - suto3の大福帳

mermaid.js:ロジックツリー

mermaid.js:logic tree

code:logictree.mermaid

%%{init:{'theme':'base'}}%%

graph LR

Root --> Node1

Root --> Node2

Root --> Node3

Node1 --> Node1-1

Node2 --> Node2-1

Node2 --> Node2-2

問題 - 原因

code:why.mermaid

graph LR

問題 -->　原因1

問題 -->　原因2

問題 -->　原因3

原因1 --> 原因1-1

原因2 --> 原因2-1

原因2 --> 原因2-2

目的 - 手段

code:how.mermaid

graph RL

目的 -->　手段1

目的 -->　手段2

目的 -->　手段3

手段1 --> 手段1-1

手段2 --> 手段2-1

手段2 --> 手段2-2

全体 - 部分（要素）

code:what.mermaid

graph TB

全体 -->　部分1

全体 -->　部分2

全体 -->　部分3

部分1 --> 部分1-1

部分2 --> 部分2-1

部分2 --> 部分2-2

#mermaid.jsの使い方