mermaid.js:概念地図
code:conceptmap_template.mermaid.text
stateDiagram-v2
メインテーマ --> 上位概念1:説明1
メインテーマ --> 上位概念2:説明2
メインテーマ --> 上位概念3:説明3
上位概念1 --> 下位概念1_1:説明1_1
上位概念1 --> 下位概念1_2:説明1_2
上位概念3 --> 下位概念1_2:説明3_1
概念1 --> 下位概念1_1
概念1 --> 概念2
概念2 --> 概念3
before
作成した概念地図は保存しておく
code:before.mermaid.text
stateDiagram-v2
メインテーマ --> 上位概念1:説明1
上位概念1 --> 下位概念1_1:説明1_1
after
code:after.mermaid.text
stateDiagram-v2
メインテーマ --> 上位概念1:説明1
上位概念1 --> 下位概念1_1:説明1_1
code:conceptmap.mermaid
stateDiagram-v2
メインテーマ --> 上位概念1:説明1
メインテーマ --> 上位概念2:説明2
メインテーマ --> 上位概念3:説明3
上位概念1 --> 下位概念1_1:説明1_1
上位概念1 --> 下位概念1_2:説明1_2
上位概念3 --> 下位概念1_2:説明3_1
概念1 --> 下位概念1_1
概念1 --> 概念2
概念2 --> 概念3