关于桑基图
桑基图展示某样东西如何从一处流向另一处。每条流向是一条带子,带子的宽度就是数量。一眼就能看出大部分去了哪里。
常见用途:
- 个人预算 — 工资都花在哪里:房租、餐饮、储蓄、娱乐
- 公司财务 — 收入如何变成成本、税和利润,就像年报里那样
- 能源 — 从燃料到电力再到家庭,以及途中损失了多少
- 网站和应用 — 访客从哪里来,又在哪里离开
- 销售漏斗 — 线索到沟通,到报价,再到成交客户
- 求职 — 投递到面试再到录用,Reddit 上很受欢迎的用法
本生成器边输入边绘图。无需账号,没有水印,你的数据不会离开你的电脑。
使用方法
- 每行输入一条流向:起点、方括号中的数值,然后是终点——例如 工资 [4200] 预算
- 或者从 Excel 或 Google Sheets 粘贴三列:起点、终点、数值
- 图表会立即绘制;需要的话可以加一个标题
- 选择一种风格——经典、极简、醒目、柔和、线框、深色、霓虹或财经报道——再选择配色和图片尺寸
- 可在数值前或后加上货币或单位,例如 ¥ 或 kWh
- 点击 下载 PNG 或 下载 SVG
如何书写流向
- 每行一条流向:预算 [1500] 房租 表示有 1,500 从预算流向房租。
- 方框按名称相连:写 工资 [4200] 预算,再写 预算 [1500] 房租,预算就成了钱经过的中间方框。每次名称必须写法完全相同。
- 多层级也没问题:工资 → 预算 → 储蓄 → 投资。
- 同一条流向写两次会自动相加。
- 给方框指定颜色:写一行如 :储蓄 #22c55e。
- 注释:以 // 开头的行会被忽略。
- 数字可以写成 4200、4,200 或 4200.50。
如果流入一个方框的数量多于流出的数量(或反过来),方框的高度按较大的数量计算——这样就能看出剩余了多少。
八种风格
- 经典 — 简洁清晰,适合报告和文档
- 极简 — 细条与浅色流向,适合数字比颜色更重要的场合
- 醒目 — 粗条和浓烈的颜色,坐在房间后排也能看清
- 柔和 — 暖白底色上的圆角条,适合社交帖子和简报
- 线框 — 空心条和极浅的流向,适合打印且省墨
- 深色 — 深蓝色背景,适合深色幻灯片和仪表盘
- 霓虹 — 黑底上发光的流向,适合社交媒体和标题页
- 财经报道 — 财经新闻和研究报告的风格:按分支着色的柔和流向、细的深色条、最小的项目用小圆点表示、粗体双行标签,以及中间以大号标题数字显示的总计
财经报道风格最适合“领结”形状:许多来源汇入中间的一个总计,然后再展开成各个分组和更小的项目——例如 公司 → *总支出* → 类别 → 供应商。工具会自动找到中间的方框。
风格只改变外观。你的流向、配色和尺寸保持不变,所以点几下就能试遍所有风格。
设置项
- 流向形状 — 平滑曲线或直带
- 方向 — 从左到右,或从上到下(适合手机竖图和漏斗图)
- 数值显示 — 显示数值、每个方框占总量的百分比、两者都显示,或都不显示
- 配色 — 五套方框配色
- 流向颜色 — 与起点方框相同、与终点方框相同、按分支(中间之后的每个分组一直保持同一种颜色)、两者之间的渐变,或纯灰色
- 数值前 / 数值后 — 货币符号或单位,显示在每个数值上
- 图片尺寸 — 宽屏用于幻灯片,正方形用于社交帖子,竖版用于手机屏幕
- 方框宽度、方框间距、文字大小 — 微调外观
- 透明背景 — 不带白色背景的 PNG,适合彩色设计的幻灯片
一切都在你的设备上完成
图表由一个小脚本在你的浏览器中绘制。你的流向数据不会上传,也不会在网上保存任何内容。你最后一次输入的列表只保存在本设备上,下次回来时还在。
常见问题
如何制作桑基图?
每行输入一条流向,格式为“起点 [数值] 终点”,例如“工资 [4200] 预算”。边输入边显示图表。然后点击“下载 PNG”或“下载 SVG”。
可以用 Excel 数据制作桑基图吗?
可以。把数据放在三列中——起点、终点、数值——然后复制这些行并粘贴到输入框。标题行会被自动跳过。
这和 SankeyMATIC 一样吗?
它使用同样简单的“起点 [数值] 终点”行,所以你在那里做好的列表在这里也能用。一切都在浏览器中运行,无需注册。
为什么我的某条流向没有画出来?
桑基图只朝一个方向流动,所以无法绘制循环(A → B → A)。工具会去掉那条会闭合循环的流向,并告诉你是哪一条。
PNG 和 SVG 有什么区别?
PNG 是普通图片,适合幻灯片、文档和社交媒体。SVG 是矢量文件:任何尺寸下都保持清晰,还可以在 Illustrator、Inkscape、Figma 或 PowerPoint 中编辑。
我的数据会被上传吗?
不会。图表在你自己设备的浏览器中生成。
小贴士
- 把鼠标悬停在流向或方框上,可查看确切数值
- PNG 以所选尺寸的两倍保存,在幻灯片和大屏幕上也很清晰
- 如需柱状图、折线图和饼图,请使用 图表制作