问题标签 [bundle-layout]

我正在尝试创建类似于D3分层捆绑的东西：

http://mbostock.github.com/d3/talk/20111116/bundle.html

除了标记每个节点之外，我还想要顶部的弧线 - 就像饼图布局一样。

http://jsfiddle.net/nrabinowitz/GQDUS/

我已经删除了标签，并且正在使用饼图 - 在树状图周围绘制它 - 但是我没有看到如何使用分层数据来生成饼图布局。

有人做过类似的事情吗？

我有一个包含如下元素的 json 文件：

我正在尝试使用此结构获取节点和边以完成如下图：

（图表取自d3.js 文档）

name和在我的 json 文件中都ttags引用节点，ttags实际上是节点和另一个节点之间的链接。

但是，我无法理解如何使用这个库 d3 及以上的 json 文件来创建这个图表。

这是文件 package.js：

I'm new to d3 and I'm just playing around with the hierarchical edge bundle visualization which can be found here. I'm trying to add further elements to the visualization and therefore I need the coordinates of every node (that means the coordinates where the edge bundle ends).

If I draw a line from (0,0) to the coordinates of a node, the line does not end where the bundle ends. Somehow the coordinates of the node objects have been modified. How can I get their real coordinates?

阿罗哈，

有没有可能在这个可视化中制作捆绑包：

...看起来就像该可视化中的捆绑包

?

我不知道如何在 d3 中实现这一点。

编辑1：显然我必须编写一个自定义插值器。如何在不更改 d3 库的情况下扩展捆绑插值器以在两种颜色之间进行额外插值？

我正在创建 Mike Bostock 的分层边缘捆绑图的修改版本：

http://mbostock.github.com/d3/talk/20111116/bundle.html

但我想制作跨越某些数据组的弧线，如下所示：

我目前只是硬编码弧的长度，但我想动态地做。我怎样才能做到这一点？这是我当前的代码：

我刚刚在我的 Mac 上下载了 d3，并通过在 Firefox 中打开它们开始探索文件夹中的示例。除了捆绑地图之外，它们中的大多数都运行良好。任何人都可以帮助我这是怎么回事吗？

早在 2012 年 10 月，就如何在径向树状图中生成弧以表示组，提出了这个问题（d3.js - 如何自动计算径向树状图中的弧长）。用户“wceo”发布了一个运行良好的优雅解决方案。

但是，是否可以单独更改每条弧线的颜色，而不是将它们设置为相同的颜色？甚至尝试...

... 和...

...只需将五个弧中的每一个都返回为相同的颜色。

（我很抱歉没有回复原始主题。我显然没有这样做所需的 50 声望。）

（编辑以包含整个示例代码）

我很想了解并重新创建此对象的类似版本：

http://mbostock.github.io/d3/talk/20111116/bundle.html

这是一个例子 - 但我无法锻炼它是如何工作的或者它的代码在哪里？

有人可以为我将示例分解成它的组成部分（js、html、css），这将允许我导航和逆向工程它是如何工作的，或者向我指出一个解释该示例的适当教程？

干杯

我试图弄乱这个 D3 可视化：（它的代码在这里）

但是，我在尝试以正确格式获取数据时遇到了麻烦。

数据（供参考）必须采用以下格式：

现在，我的数据（截至目前）采用以下格式（使用 nltk 收集）：

使用 defaultdict，我能够使用这些行转换数据：

至：

我不太确定如何进行或如何以正确的格式获取它。任何帮助将不胜感激。谢谢！

编辑：我应该更清楚；我的预期输出是这样的：