graph - 将节点分组添加到 D3 力有向图

Question

我正在尝试实现与此类似的强制定向网络。但是，我的每个节点都分配了一个组值，例如

Node    Group
node1   1
node2   1
node3   2
node4   3
node5   3

我希望网络增长，即在一段时间后（比如 2 秒），随后的节点组将添加它们的链接。

这是可以实现的吗？

Answer 1

是的。诀窍是将绘制图形的部分封装在函数中。在适当的时间间隔之后将特定组添加到graph数据结构并调用该函数。代码大致如下所示。

function update(graph) {
    var link = svg.selectAll("line.link")
         .data(graph.links)
         .enter().append("line");

    var node = svg.selectAll("circle.node")
         .data(graph.nodes)
         .enter().append("circle")
         .call(force.drag);

    node.append("title")
         .text(function(d) { return d.name; });

    force.start();
}

您应该能够基本上按原样重用其他所有内容。