D3:如何创建具有2个弧的循环流/ Sankey图

时间:2015-03-09 11:08:11

标签: d3.js

我想创建一个情节,可以看到一个人毕业后的专业与他们毕业后1。5年后所从事的专业/部门之间的流动。我考虑使用Sankey图表,如下图所示

Sankey 2 flow example

但是希望通过将左侧(专业研究)和右侧(作业)分成两个弧来使这在视觉上更有趣。所以它可能会开始看起来像一个和弦图,但两个弧分开了一点。以下示例显示了两个弧的概念(尽管它们之间没有正确的流)

Example of two arcs

引用的Hierarchical Edge捆绑示例看起来有点类似于我想要实现的内容,但是这里的行没有厚度来显示从一端流向另一端的人数而没有2个单独的弧(尽管我可以创建两个白色部分,没有流动来模仿分离)

Hierarchical Edge Bundling example

有没有人有关于如何创建像Sankey图这样的圆/弧的示例?或者我应该从和弦图的角度来看这个吗?

感谢您的帮助!

1 个答案:

答案 0 :(得分:9)

我想出了如何自己做,但它需要一些代码更改。所以我写了一篇关于如何做的广泛的教程。你可以找到它here The resulting Stretched Chord