javascript - D3 サークル パック レイアウトの各サークルにどのように色を付けることができますか

Question

d3js でのパック レイアウトの例を次に示します。

http://bl.ocks.org/4063530

個々のサークルの色を制御することは可能ですか?

色付きのパック レイアウトの別の例を次に示します。

http://bl.ocks.org/4063269

2 番目のグラフのバブルに色がどのように割り当てられているかを理解できますか?

Answer 1

fill色を変更するには、属性を追加するだけです。

node.append("円")
      .attr("r", function(d) { return dr; })
      .style("fill", function(d){ return d.color; });

上記の例では、データにcolorフィールドが含まれているとします。