跳到正文
Mernyx
打开菜单

Mermaid 桑基图速查表

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

这个页面上的每一张图都由Mernyx——macOS 上的原生 Mermaid 编辑器绘制。不是浏览器里跑的 Mermaid.js,而是 App 画布用的同一个渲染器。

基本写法

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

sankey
  A, B, 10
  A, C, 5
  B, D, 3
一张桑基图,四个节点 A、B、C 和 D,三条带子把它们连起来。放大图表

带空格的名字

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

sankey
  Coal, Power, 30
  Power, Homes, 20
  Power, Industry, 10
一张桑基图,三个节点 Coal、Power 和 Homes,中间两条带子。放大图表

数值就是宽度

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

sankey
  Solar, Grid, 60
  Wind, Grid, 25
  Grid, Homes, 70
  Grid, Industry, 15
一张桑基图,Solar 和 Wind 汇入 Grid 节点,Grid 再流向 Homes 和 Industry,通向 Homes 的那条带子明显更宽。放大图表

在 Mernyx 里画出来

打开一个 .mmd 文件,在画布上挪一个节点,源码跟着走。macOS 原生,不经过浏览器。

图表预览