粘贴「起点，终点，数值」格式的流量数据，浏览器里直接生成宽度按比例分配的桑基图——免费、免登录，导出 SVG 或 PNG。
同一套「起点，终点，数值」格式，分别驱动出能源结构、预算分配、用户转化路径、物料平衡四种图。看看同一个桑基图生成器如何针对不同形状的数据自动排布。
煤炭、天然气、风电、光伏先汇入同一个「电力」节点，再分流到居民、商业、工业用电和电网损耗——布局会自动把四路来源合并成一列，再重新分散成四路去向。
总营收先按产品线拆分，再流向研发、市场、运营各部门的预算——用一张桑基图就能看清究竟是哪条营收在养哪个部门，这是拆成好几张饼图看不出来的。
访客在第一步分流为注册和跳出，注册用户又分流成试用转付费、试用流失、仍在试用三路——多阶段漏斗，桑基图工具能同时看出每条路径的体量和真正的流失点在哪一环。
原料进入产线后，在两个不同工序节点分别流向成品、返工、废料——这种质量平衡布局能让工艺工程师一眼看清整条产线的累计良率损失，不必逐工序翻表格。
桑基图是一种流向图，每条连接色带的宽度都严格按它所代表的数值等比例绘制。节点按层分列，宽窄不一的色带在列与列之间从左到右流动，让人一眼就能比出哪条流量更大——带子越宽，量越多。
「宽度即数量」这条规则，正是桑基图和普通流程图的分界线：流程图的箭头粗细统一，表达的是顺序或逻辑关系；桑基图的色带宽度表达的是一个实际测量出来的量——能量、金钱、人数、质量，随「起点，终点，数值」这三列数据而定。
这个画法源自 1898 年 Matthew Riall Sankey 船长绘制的蒸汽机能量效率图，至今仍是展示能源平衡、预算流向、物料流转、多步转化漏斗的标准做法——凡是需要读者看清「量去了哪里」而不只是「去了某处」的场合，都用得上桑基图。
粘贴数据后，桑基图生成器沿着流向做拓扑排序，自动判定每个节点该落在第几列，再在每一列内部重新排序，尽量把色带理顺不打结。你不需要手动拖一个方框。
每条色带的粗细都用全图统一的一把尺子换算而来——两倍大的流量，在图上任何一列都恰好画出两倍宽，而不是各节点自成一套比例。这种一致性，才是桑基图工具真正可信而不只是好看的原因。
按「起点,终点,数值」逐行输入——这是多数桑基图工具通用的记法，从别处迁移过来的数据可以直接粘贴不用改格式。出错的行不会悄悄消失：格式不对、数值非法、节点自我指向、或者绕成环路的流量，都会标出具体行号，让你回头修数据源，而不是猜哪个节点凭空不见了。
按起点、按终点或单色三种方式切换色带配色，按需强调不同的维度；调节点宽度和纵向间距，让布局更紧凑或更疏朗；导出前还能设定精确的画布尺寸——期刊配图和幻灯片要的比例通常并不一样。
三者画出来都是「方框加连线」，很容易选错。真正的分界线只有一条：连线的宽度或粗细，能不能表示实际数量。
这个桑基图生成器读取的是多数桑基图工具通用的三列格式，从一处导出的数据一般可以直接粘进另一处，不用改格式。
| 字段 | 示例 | 说明 |
|---|---|---|
| Source | 煤炭 | 区分大小写的节点名，首次出现的顺序决定它在图中的初始位置。 |
| Target | 电力 | 必须与同一行的起点不同——节点不能流向自身。 |
| Value | 38 | 任意正数，允许小数，决定该色带相对全图其他流量的宽度。 |
| 属性 | 取值 |
|---|---|
| 矢量格式 | SVG——文字与路径均可编辑，尺寸严格按画布设置输出 |
| 位图格式 | PNG——按 2 倍分辨率渲染，用在幻灯片或文档里文字依然清晰 |
| 默认画布 | 960 × 600 px，导出前可调整 |
| 配色模式 | 按起点节点、按终点节点，或单一纯色 |
第一次用桑基图生成器之前，大家最常问的几个问题。
把「起点，终点，数值」数据粘贴进这个桑基图生成器，导出按比例分配的桑基图为 SVG 或 PNG——免费，免登录。
