# Mermaid 桑基图速查表

一股流量，每行写成三个字段。

## 基本写法

一行一条连接：从哪来、到哪去、多少。三个字段，中间用逗号隔开。

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

![一张桑基图，四个节点 A、B、C 和 D，三条带子把它们连起来。](/diagrams/sankey/basic.svg)

## 带空格的名字

名字里可以有空格。分开三个字段的是逗号，不是词。

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

![一张桑基图，三个节点 Coal、Power 和 Homes，中间两条带子。](/diagrams/sankey/names.svg)

## 数值就是宽度

同样三个字段配上不同的数字就是另一张图——带子有多宽就是数值多少。

```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 原生，不经过浏览器。