Figwise

瀑布图生成器

把一个起始值如何一步步变成结束值的过程画出来。粘贴一份增减数值清单,柱子会悬浮在上一步的累计位置上,小计柱自动落地到基线,直接在浏览器里导出 SVG 或 PNG。

Increase Decrease Subtotal / Total 0 Start +420 Revenue Growth -180 Cost of Goods 240 Gross Margin -90 Operating Expense -35 Marketing Spend +25 One-time Gain 140 End 0 100 200 300 400 Value
01示例

瀑布图适合画什么

四份增减清单、四种场景——同一套悬浮柱逻辑既能读懂一张利润表,也能读懂一次库存盘点或一份实验入组漏斗。

利润桥

左边是营收,右边是净利润,中间每一项成本或收益都悬浮在上一步的累计柱之上,逐级下探。

现金流桥

期初现金在一端,期末现金在另一端,经营、投资、筹资三类活动作为悬浮柱把两个余额连起来。

库存变动

期初库存数、入库、出库、退货、报损各自作为一根带正负号的柱子,最终落到期末库存,方便和实地盘点核对。

样本量损耗

入组人数在起点,筛选失败、脱落、剔除各自作为负值柱依次剥离,最终落到实际纳入分析的样本量。

02功能

瀑布图生成器怎么悬浮、怎么落地

示意图:瀑布图柱子悬浮在前一根柱子的累计值上

柱子悬浮在累计值上,而不是悬浮在零点

每一行增减数据都会画成一根柱子,它的底部落在上一行留下的累计值上。这种悬浮位置正是瀑布图和普通柱状图的分界线:高度依然表示数值大小,但位置表示这一步发生在整个序列的哪个环节。

瀑布图中一根小计柱在序列中间落地到基线

小计/合计柱会把基准重置到基线

把某一行标为 subtotal 或 total,这根柱子就会落地到基线,直接使用你填的数值而不是累计求和的结果。后面的行继续从这个落地值往下累加——很适合毛利这类需要对上已知数字的检查点。

瀑布图带虚线连接与增减小计三色柱体

连接线、颜色与带符号标签都可调

虚线连接线把一根柱子到下一根柱子的落差描出来,省得读者自己去猜。增项、减项、小计各有独立颜色,数值标签可以带千分位分隔,也可以给增项加上前置正号——都不需要时也可以一并关掉,画面更简洁。

03对比

瀑布图 vs 堆叠柱状图

两者都是把矩形叠在一起,但回答的问题不一样:一个讲累计值如何一步步变化,一个讲某一时刻总量由哪些部分构成。

瀑布图

编码的是变化量的累积过程

  • 每根柱子的位置由它前面的累计值决定——顺序本身带有含义,调换两行的先后,中间柱子的落点也会跟着变。
  • 读起来像一段叙事:从这里开始,发生了这件事,接着那件事,最后到那里。事件发生的先后顺序是图表要传达的一部分。
  • 小计或合计柱会落回基线,给读者一个可以对照已知数字的检查点。
  • 五到十二步之间最好读;超出这个范围,悬浮柱和连接线会开始互相抢视觉空间。

堆叠柱状图

编码的是某一总量的构成

  • 同一根柱子里,每一段都从上一段结束的地方开始,但整根柱子代表的是某个固定时点,而不是一串先后发生的事件。
  • 打乱各段的堆叠顺序不会改变图表要表达的结论——总量与各部分的关系跟顺序无关。
  • 处理负值分量比较别扭:多数堆叠柱状图的实现默认每一段都是往总量里加,而不是从总量里减。
  • 适合并排展示很多根柱子(按月、按地区各一根),这正是瀑布图那根单一累计序列做不到的。
04使用方法

怎么做一张瀑布图

从一份原始数字清单到导出成图,四步走完。

  1. 01

    列出数据行

    每行按「标签,数值」输入或粘贴。如果某一行要落地到基线而不是悬浮在累计值上,就在第三列加上 subtotal 或 total。

  2. 02

    修正解析器标出的问题

    格式有误的行会标出行号和原因——数值缺失、非数字内容、或类型标记不认识——你只需要改那一行,其余行不受影响。

  3. 03

    设置起止柱与样式

    给自动生成的起始柱和结束柱起个名字,为增项、减项、合计分别选颜色,再决定要不要连接线、千分位分隔和增项前的正号。

  4. 04

    导出图表

    把做好的图导出成 SVG 放进报告或幻灯片,或者导出 PNG,方便直接贴进邮件或演示文稿。

05常见问题

关于瀑布图的常见问题

这个生成器默认了哪些前提,以及这些前提是怎么来的。

06相关工具

开始制作你的瀑布图

粘贴增减数据,在需要的地方落一根小计柱,直接在浏览器里拿到可以发表使用的 SVG 或 PNG。

打开生成器