桑基图是一种表现数据间包含和权重关系流向的统计图表!
最早的桑基图是查尔斯·米纳德(CharlesMinard)绘制的《1812年拿破仑东征图》。这张图形象的描绘了拿破仑在1812到1813年进攻俄国时所遭受的灾难性损失。
图中黄色为进军路线,黑色为撤退路线,线条的宽度代表拿破仑的军队人数变化,从图中可以清楚的看到,在深入寒冷的俄国腹地时,拿破仑军队的人数在逐渐的减少,到黑色线条撤退返回时,线条细的都快看不见了(活着返回法国的只有1万余人)。
这张图呢,就是大家现在看到的桑基图的祖师爷。
常见的桑基图布局形式有左右流向布局和上下流向布局。
桑基图的布局形式
其中线条的粗细代表了数值的大小,线条的颜色代表不同的分支种类,通过线条流动的位置和归属,来表现各类别数据之间的包含关系。
其实方法非常的简单,借助一个网站我们就可以快速的生成,我推荐的这个网站就是RAWgraphs,在日常工作中我经常会用到的网站,在这里强烈推荐给大家。
RAWGraphs简单叫做RAW,它是一个在线快速生成可视化图表的网站,对于不懂代码的小白来说,它的操作真的是非常友好。
有多简单呢?你只需要把数据拖上去,2-3分钟内就能生成各种各样的可视化图表。而且啊,它还支持导出SVG格式的图片,这样大家就可以在AdobeIllustrator中进行美化加工。
那么我们应该进行操作呢!
首先,我们需要准备一份适合用桑基图来表达和展示的数据。
这个数据中要至少包含一列数值,至少包含两列分类标签,也就是说一个数字同时归属于至少两个分类阵营。比如说下面这个样例数据里,有一个数据是2008年1月旅游开支1000元,这个1000元就同时对应2008年1月和旅游开支这两个分类。我们使用桑基图呢,就可以同时看到各个分类之间的包含和权重关系。
数据的格式最好就是使用规范格式,也就是你们在做数据透视表时要用到的样式,我自己会叫它堆叠样式,第一行是各列的字段名,接下来每一行数据就是一条完整记录。(堆叠样式在使用工具网站时会经常用到,建议大家在日常整理数据时都使用堆叠样式)。
第一步,我们打开RAW网站,点击绿色按钮USEITNOW!,然后将数据复制粘贴到这个网站中。出现绿色提示信息后,就代表数据加载成功了。
如果你的数据并没有在Excel中进行堆叠,那么RAW有一个贴心的功能,可点击右下角的Dataisstackednow.Clickheretostackit进行数据格式的规范化转换。
第二步,我们鼠标往下滑动,会发现有很多图表样式,这里选中AlluvialDiagram(桑基图也成为冲击图)。
往下滑动,会出现MapyourDimensions的操作界面。与此同时,数据的标题/字段名行已经变成了绿色块,出现在了画面左侧(可以看到RAW非常的智能,它将数据进行了模块化封装处理)。
第三步,我们将左侧数据块中的医院名称和所在城市拖放在【Steps】中,将综合得分拖拽到【Size】中。
【Steps】影响的是分类的连接,每拖一个数据块到【Steps】中,就多一个分类的连接。【Size】影响的是线条的粗细,也就是数值的大小,所以我们将综合得分拖拽到了这里。
拖拽完成后,我们会发现桑基图已经生成了。
这里我们可通过左侧的选项对图表进行细节的调整(比如图表的大小、节点黑色矩形的大小、线条透明度、配色、排序方式);
第四步,因为RAW的细节调整还不够完善(比如自定义字体、字体大小等等),剩下的细节调整我们可以导出SVG,在AI中加工。
鼠标往下滑,选择SVG,随便命名一个名字,点击Download。
第一步,将导出后的SVG用AI打开,拖拽到新建的画板中,通过不停的按快捷键【Shift+Ctrl/Command+G】取消编组。编组取消后,我们按着所在城市的类别对线条进行配色的调整。
第二步,我们选择任意一个文字,执行菜单栏→【选择】→【相同】→【外观】,这样我们将所有的文字全部选中,就可以统一调整字体和文字大小了。
文字调整后,我们发现整体文字有点偏下,可将文字全部选中,按快捷键【Shift】加鼠标,对文字进行微调,直到视觉上对齐为止。
第三步,文字对齐后,可在上方加上分类的说明信息,告诉读者左边和右边两个类别分别代表什么。
1.控制分类的数量
桑基图的分类尽量保持2-3个以内,如果分类众多,读者的理解成本就会加大。
2.按需标注数值
如果想更清楚更直接地让读者知道线条粗细的数值,可将数字放在节点的旁边。
3.增加参考线指引
如果分类说明文字与图表较远,可通过虚线连接的指引方式,引导读者。
4.信息置于节点矩形内
如果你做的是竖向桑基图,那么可将节点的矩形放大,这样可将文字或者数字信息放置在节点上,这样就增加了图表的美观度。
5、增加一些装饰细节
可增加一些装饰性的元素,比如主题Icon,让画面更加丰富。
通过上面的桑基图教程,相信你可以很快速的掌握制作的技巧,如果遇到问题,可以留意咨询!
RAW这个网站不仅可以做桑基图,网站中的图表样式还有很多,我在日常工作中也基于这个网站做了很多的创新可视化图表,比如下图:
还是我一直提到的方法论理念:
不要局限于工具、软件本身,任何的工具、软件都是为你的作品服务的!
只要是能够提升效率,完成作品,我们就可以在多种工具、软件、网站中进行跨界的结合使用。