基于d3的桑基图(sankey)是怎样制作的
d3.js Gallery 里就有很多。例如 Sankey Diagram
■网友
1.那么桑基图到底是什么呢？ 桑基图（Sankey diagram），即桑基能量分流图，也叫桑基能量平衡图。它是一种特定类型的流程图，图中延伸的分支的宽度对应数据流量的大小，比较适用于用户流量等数据的可视化分析。因1898年Matthew Henry Phineas Riall Sankey绘制的“蒸汽机的能源效率图”而闻名，此后便以其名字命名为“桑基图”。
以上是百度百科的解释，互联网时代，经常用桑基图进行网站用户细分分析，如上图，表示网站2015年1月-12月不同用户的活跃程度（定义为低活跃、中度活跃和高活跃用户）变化流程以及最终的累计情况，图中流线的粗细象征着用户数的多少，数据十分直观！2.重点来了，如何快速制作桑基图呢？ 目前了解到的桑基图制作工具就有：BDP个人版、sankey、echarts、tableau、D3等工具，供大家参考。其他工具今天就不多说了，有兴趣可以自己去找下相关的教程，今天就以分析用户购买商品流程为例讲一下如何利用wuliBDP来制作出高大上的桑基图！
案例说明
小粒开了一家零食网店，小粒在元旦期间借着节日做了一场满减活动，在假期结束之后，小粒想要分析元旦活动期间顾客下单购买商品的情况。
任务分解
1 ）确定好要分析的维度和数值
BDP中，桑基图的图表要求是2个维度和1个数值，案例中的维度：日期\u0026amp;购买状态，数值：顾客ID；
2） 准备好的数据（部分数据如下图）
3）可视化分析
【基于d3的桑基图(sankey)是怎样制作的】 图表说明
以顾客（p0001、p0002和p0003，简称p1、p2和p3）为例说明：p1、p2和p3三人在1月1号时都处于将商品加入购物车的状态；在2号的时候p3为已付款状态，而p1和p2却是处于下单状态；在3号的时候p3为申请退款状态，而p1和p2为付款状态；
操作步骤
Step 1 ：在“工作表”页面上传需要分析的工作表数据，或者直接选用数据库或第三方平台的文件数据，在需要分析的工作表数据右上方点击“新建图表”；只要想要BDP进行分析，这步操作都少不了哦，相信大家都很熟悉了，就不多废话啦~
Step 2： 在“编辑图表”页面，将需要分析的数据字段分别拖拽至维度栏（案例中的日期和购买状态）和数值栏（案例中的顾客ID）中，在右侧图表中选中“桑基图”，并设置流程主体字段（案例中的顾客ID），还可以根据喜好调整图表的颜色（如下图），一张高大上的桑基图就完成啦，是不是很简单呀??
小伙伴们，你们学会了吗？有不懂的地方可以留言给我哈！桑基图图表参考：https://me.bdp.cn/share/index.html?shareId=sdo_667cd39c7baa7ee3e8e6ca97109ec6b0
■网友
1、桑基图（Sankey diagram），即桑基能量分流图，也叫桑基能量平衡图。一种特定类型的流程图，图中延伸的分支的宽度对应数据流量的大小，通常应用于能源、材料成分、金融等数据的可视化分析。因1898年Matthew Henry Phineas Riall Sankey绘制的“蒸汽机的能源效率图”而闻名，此后便以其名字命名为“桑基图”。2、桑基图最明显的特征就是，始末端的分支宽度总和相等，即所有主支宽度的总和应与所有分出去的分支宽度的总和相等，保持能量的平衡。3、桑基图制作工具：esankey、echarts、D3、BDP等；
推荐阅读
- |奥迪开发基于C-V2X校车警示系统
- 趣头条|海外媒体称大众正在开发两款基于MEB平台的小型车 ID.1与ID.2
- 基于OGRE的NeoAxis3D引擎和网易的NeoX引擎有啥关系吗
- 上汽大众|大众ID.3将于明年国产，基于MEB平台打造/三种续航
- 基于AGPL协议的开源软件版权归谁
- 以前的山寨DVD播放机的超强纠错是基于啥原理的
- 教学|读什么，怎么读，如何与学科教学相融合；基于学科的阅读
- 基于魔兽世界的游戏框架制作一个3D版的炉石传说有多大的可行性
- 嵌入式linux通过无线网卡ping后怎样进行无线数据传送有基于嵌入式linux应用程序吗谢谢
- 国内外目前基于ZigBee协议的智能照明研究现状