桑基图生成器

输入流向——钱、能源或用户去了哪里——即可得到一张桑基图,可保存为 PNG 或 SVG。

100% 隐私安全 — 完全在您的浏览器中运行。您的数据在本地设备上处理,绝不会发送到互联网。

按 起点 [数值] 终点 书写,或从表格中粘贴三列:起点、终点、数值。用 :储蓄 #22c55e 这样的行给某个方框指定颜色。

风格

关于桑基图

桑基图展示某样东西如何从一处流向另一处。每条流向是一条带子,带子的宽度就是数量。一眼就能看出大部分去了哪里。

常见用途:

  • 个人预算 — 工资都花在哪里:房租、餐饮、储蓄、娱乐
  • 公司财务 — 收入如何变成成本、税和利润,就像年报里那样
  • 能源 — 从燃料到电力再到家庭,以及途中损失了多少
  • 网站和应用 — 访客从哪里来,又在哪里离开
  • 销售漏斗 — 线索到沟通,到报价,再到成交客户
  • 求职 — 投递到面试再到录用,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 以所选尺寸的两倍保存,在幻灯片和大屏幕上也很清晰
  • 如需柱状图、折线图和饼图,请使用 图表制作

相关工具

我们会定期添加新工具——在 YouTube 上订阅,即可在每个新工具上线时收到通知。

更多工具

查看全部

推荐应用

查看全部