Mermaid サンキー図のチートシート

1 行に 3 つのフィールドで書く流れ。

このページのすべての図はMernyx（macOS 向けネイティブ Mermaid エディタ）が描いたものです。ブラウザで動く Mermaid.js ではなく、App のキャンバスで使うのと同じレンダラーです。

基本的な書き方

1 行に 1 つのリンク。始点、終点、量。3 つのフィールドをカンマで区切ります。

sankey
  A, B, 10
  A, C, 5
  B, D, 3

名前には空白が入っていてもかまいません。3 つのフィールドを分けるのはカンマであって、語ではありません。

sankey
  Coal, Power, 30
  Power, Homes, 20
  Power, Industry, 10

同じ 3 フィールドでも数が違えば別の絵になります。帯の幅がそのまま値です。

sankey
  Solar, Grid, 60
  Wind, Grid, 25
  Grid, Homes, 70
  Grid, Industry, 15

.mmd ファイルを開いて、キャンバスでノードを動かしてみてください。ソースコードもついてきます。macOS ネイティブで、ブラウザは介在しません。