D3 v4のレイアウトでのノードとリンクの位置の遷移

Question

D3 v4を使用して動的なソーシャルネットワークの視覚化を行っています。例はhttps://jsfiddle.net/wand5r6L/1/です。

この例では2年間のデータがあり、2004年が2005年になるとノードとリンクを更新したいと考えています。新しいノードとリンクが追加されるとノードとリンクの位置を動的に変更したい、古いノードやリンクの元の位置にかかわらず、すぐにポップアウトします。

transition()をtick()機能に追加する必要がありますが、機能しなくなり、より多くのバグが発生します。

提案がありますか？前もって感謝します。

Answer 1

これはマイク・ボストックからの力のレイアウトブロックの例を修正している。

https://bl.ocks.org/mbostock/0adcc447925ffae87975a3a81628a196

これは、私はあなたが作られたものからフォーク更新jsfiddleです。

https://jsfiddle.net/eonny83k/1/

var node = g2 
    .attr("class", "nodes") 
    .selectAll("circle") 
    .data(nodeData, function(d) { return d.source + '-' + d.target }); 

：主に私はデータリンクでのキーの機能を指定しました