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();
}

それ以外は基本的にそのまま再利用できるはずです。