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

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

## 基本的な書き方

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

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

![4 つのノード A、B、C、D と、3 本の帯で結ばれたサンキー図。](/diagrams/sankey/basic.svg)

## 空白を含む名前

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

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

![3 つのノード Coal、Power、Homes と、そのあいだの 2 本の帯を持つサンキー図。](/diagrams/sankey/names.svg)

## 値が幅になる

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

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

![Solar と Wind が Grid ノードへ入り、Grid から Homes と Industry へ流れるサンキー図。Homes への帯は一段と太い帯です。](/diagrams/sankey/widths.svg)

## Mernyx で描いてみる

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