How can you color each circle in the D3 circle pack layout

Here is an example of the pack layout in d3js:

Is it possible to control the colors of the individual cirles?

Here is another example of the pack layout with colors:

Can you help me understand how the colors are assigned to the bubbles in the second chart?

1 Answer

You can just add the attribute fill to change the color:

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

In the example above, suppose your data contains a color field.