d3のバブルチャートV3からV4への変換

Question

私はD3が初めてで、バブルチャートの例をv3からv4に変換し始めました。私はbubble.nodes is not a functionをthis questionに似せています。

ただし、フィルタの適用方法はわかりません。私はコードをplunkerに入れました。誰かが助けることができますか？

ありがとうございます。

Answer 1

の機能d3がsubstantially between versions 3 and 4に変更されました。その要点は、d3.hiearchyからpreprocessに電話してレイアウトに渡す必要があることです。あなたのコードを再加工することは次のようになります。

d3.json("flare.json", function(json) { 

    var root = d3.hierarchy(classes(json)) 
    .sum(function(d) { return d.value; }); 

    var node = vis.selectAll("g.node") 
    .data(bubble(root).leaves()) 
    .enter().append("svg:g") 
    ... 

plunker hereを更新しました。