如何让桑基图更易读

让人读得懂的桑基图实用规则:减少节点、合理排序、直接标注、克制用色、印出数字。示例逐条应用。

易读的桑基图有清晰的从左到右的叙事、较少的节点、有序的列,以及无需图例就能读懂的标签。大多数难读的桑基图都违反了其中一条。

示例是一份按这些规则绘制的家庭预算:两项收入汇入一个资金池,资金池分为五个类别,大致按从大到小排列,杂项放在最后。只有八个节点,也没有任何交叉。

下面的规则适用于任何桑基图。它们的目的是让图更容易读,而不是更漂亮。

减少节点

每列只保留少数几个节点,其余归入“其他”。读者能跟上五条流带,却跟不上三十条。

给列排序

把每列中最大的节点放在顶部,或按有意义的顺序(如时间)排列。随意排序会产生交叉的流带。

直接标注节点

把名称(关键节点还有数值)放在节点旁边。需要在图例里查颜色的读者会丢失思路。

克制用色

按分组或来源着色,而不是每个节点一种颜色。用一种强调色突出说明文字所讲的那条流带。

加一句结论

告诉读者该注意什么。桑基图呈现的信息很多,说明文字能指出关键的部分。

要点

  • 3,500 € 的月收入被分为五个类别。
  • 住房最大,为 1,200 €(34%),其次是储蓄 700 €(20%)。
  • 工资占收入的 86%(3,500 中的 3,000)。
  • 数字均为虚构。

示例数据

虚构的家庭数字,每个节点都保持平衡。

如何让桑基图更易读 (€)
来源目标数量(€)
工资月收入3000
其他收入月收入500
月收入住房1200
月收入储蓄700
月收入餐饮600
月收入其他所有开支600
月收入交通400

同样的数据(CSV)

source,target,value
工资,月收入,3000
其他收入,月收入,500
月收入,住房,1200
月收入,储蓄,700
月收入,餐饮,600
月收入,其他所有开支,600
月收入,交通,400

运作方式

  1. 聚焦要讲的内容

    删除或合并不支持结论的节点。

  2. 给每列排序

    按大小或顺序排列,使流带的交叉尽量少。

  3. 标注与着色

    直接标注节点,并让颜色只表示一种含义。

  4. 加一句说明

    在图下用一行字写出结论。

常见问题

要在流带上显示数值吗?

关键的流显示,其余留给表格。数字太多会让图显得杂乱。

我的流带为什么交叉?

通常是因为节点顺序。在同一列内重新排序,或把小节点合并,可以消除大部分交叉。

编辑此预算桑基图

将示例作为你自己的图表打开,并把这些规则应用到你的数据上。

编辑此预算桑基图

桑基图中的更多内容