多节点、长路径桑基图在线编辑工具上线

目前公众号平台改变了推送机制，点“赞”、点“在看”、添加过“星标”的同学，都会优先接收到我的文章推送，所以大家读完文章后，记得点一下“在看”和“赞”。

什么是桑基图

以下内容摘自百度百科

桑基图（Sankey diagram），即桑基能量分流图，也叫桑基能量平衡图。它是一种特定类型的流程图，右图中延伸的分支的宽度对应数据流量的大小，通常应用于能源、材料成分、金融等数据的可视化分析。因1898年Matthew Henry Phineas Riall Sankey绘制的“蒸汽机的能源效率图”而闻名，此后便以其名字命名为“桑基图”。

如果读者高中曾经读了理科（旧高考）或者选修了生物（新高考），应该对这种图不陌生，因为生物大题经常以桑基图为载体，考察学生对生态系统中能量流动的概念理解和数值计算能力。

在线桑基图生成器

废话不多说，回到正题，来简要说明下这个在线工具如何使用。

界面分为三部分，侧边栏是选择修改方式，比如是点击表格进行编辑修改，还是增加新行和删除现有行。

上部分是数据编辑，主要是一个数据表格和标题输入框。

正如图所示，表格有四列数据，其中前三列 source、target、value 是必选项，第四列是一个可选的链接。

除了网页上的 demo 表格，也可以上传本地 csv 文件进行在线修改。

下部分是实时生成的桑基图，点击右上方按钮可下载。

矩形代表一个节点，矩形之间的连线代表流量，连线的起点分别是表格中的 source 和 target，连线大小代表流量大小，也就是表格中的 value 列。

悬浮在某一矩形节点上可以高亮显示所有与该节点相关的节点和流量。

悬浮在某一连线上可以高亮显示起点、终点和流量，就本文例子而言，就是起点对应的微博用户转发了终点微博用户的一篇微博，并且这条转发微博再度被转发了 N 次，N 次就是流量大小，代表本次转发带给终点微博的流量增幅。

点击矩形节点或连线可以直接在浏览器中跳转到对应的被转发的微博。

在线生成地址：

https://tools.buyixiao.xyz/sankey