分层边缘绑定d3 v4 - 最简单的2个节点示例

我想做两个节点的最简单的Hierarchical Edge Bundling示例。一旦我完全理解如何正确工作，我应该（希望）能够动态地构建完整的可视化。分层边缘绑定d3 v4 - 最简单的2个节点示例

我看到了Mike Bostock的D3 V4例子：https://bl.ocks.org/mbostock/7607999并且想使用相同的模式。但是，通过JSON数据，这有点令人难以置信。我希望用两个节点来看看可视化是如何构建的。

JSON文件如何看起来只有两个节点？我试图让我能够尝试并了解它是如何工作的绝对最简单的方法。任何帮助表示赞赏。

我无法在这里粘贴JSON，因为它超过了最大字符数。仅供参考，请检查： https://bl.ocks.org/mbostock/7607999#flare.json

2017-07-01 Ron I

下面是使用3个节点（可视化不会有很多有用有2个节点）的数据：

var data = [{ 
    "name": "iit.mumbai.pub1", 
    "imports": ["iit.chennai.pub3"] 
}, { 
    "name": "iit.delhi.pub2", 
    "imports": ["iit.mumbai.pub1"] 
}, { 
    "name": "iit.chennai.pub3", 
    "imports": ["iit.delhi.pub2"] 
}];

这里是它会怎样看：https://bl.ocks.org/ckothari/raw/473320621a15a7ee1ed684bf3feb4255/。

我在上面的例子中采用了学术刊物的例子。在名称中的点代表的层次关系，所以在这个例子iit（研究所）有3个孩子（位置）mumbai，delhi和chennai，而这些有孩子（出版物）分别为pub1，pub2和pub3。

imports在json中表示叶节点之间的关系。出版号pub1引用了出版物pub3,pub2 cites pub1和pub3 cites pub2。

来源

2017-07-04 17:38:13

你先生，是一个摇滚明星。谢谢。顺便说一下，我想用“4.5.2”这个名字，但它不起作用。我必须使用' - '或'_'字符而不是'。'。你知道如何改变它吗？ –

检查packageHierarchy函数，替换“。”在name.lastIndexOf（“。”）与“ - ”应该做到这一点。 –

分层边缘绑定d3 v4 - 最简单的2个节点示例

回答

相关问题