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?

Here is an example of the pack layout in d3js:

http://bl.ocks/4063530

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

Here is another example of the pack layout with colors:

http://bl.ocks/4063269

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

• javascript
• d3.js
• colors
• circle-pack

• Did you actually try to modify it? – Stefan Hanke Commented Feb 8, 2013 at 5:40

1 Answer 1

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.