Hierarchical Edge Bundling d3 v4 - 最简单的 2 节点示例

Question

我想用两个节点做我能做的最简单的分层边缘捆绑示例。一旦我完全理解如何使其正常工作，我应该（希望）能够动态构建完整的可视化。

我看到了 Mike Bostock 的 D3 V4 示例：https : //bl.ocks.org/mbostock/7607999并想使用相同的模式。然而，浏览 JSON 数据有点让人不知所措。我希望通过两个节点可以看到可视化是如何构建的。

只有两个节点的 JSON 文件会是什么样子？我正在尽我所能尝试和学习它是如何工作的。任何帮助表示赞赏。

我无法在此处粘贴 JSON，因为它超出了最大字符数。如需参考，请查看：https : //bl.ocks.org/mbostock/7607999#flare.json

Answer 1

这是使用 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(Institute) 有 3 个子节点（位置）mumbai、delhi、chennai、 和子节点（出版物）pub1、pub2和pub3。

imports在 json 中表示叶节点之间的关系。出版物pub1有对出版物的引用pub3、pub2引用pub1和pub3引用pub2。