d3.js - 如何创建具有弯曲节点端点的 Sankey 图？

Question

我正在使用 D3.js and its sankey plugin为我的数据集生成桑基图。

长话短说，我对插件源代码做了一些修改(以获得不同的分支 breadth)，目前看起来像这样:

现在我正在尝试让分支弯曲向下(和向上)，有点像this image from wikipedia (减去整个环回的东西):

我的问题是，这可能吗？好吧，我知道这是可能的，这就是它有多大的兔子洞。我以前从未使用过 SVG，这是我第一次涉足 D3，所以我不太确定我要进入什么领域。

或者，是否有另一个库可以生成像我想要的那样的图表？我遇到了this python library看起来它可能会做我想做的事，但我从来没有写过一行 Python，如果我能避免的话，我宁愿不写(至少在今天)。

Answer 1

是的，使用 d3.js 是可能的(并且相对容易实现)。

这是一个例子:

http://bl.ocks.org/cfergus/3921009

您很可能需要调整代码以满足您的需要，但这基本上是您问题的解决方案。

看看这个随机的 Sankey 生成器:

http://bl.ocks.org/cfergus/3956043

一段时间后，您将获得带有循环的图表。