circle-pack

How to utilize D3 circle pack layout to get diagram similar to this: (even with more elongated ellipses)? The key aplication of this diagram style would be easier label placement. This is jsfiddle that demonstrates circle pack, that I made for other purposes, but I guess it might be useful starting point for anyone wanting to experiment and test potential solution involving ellipses. Based on @Mariatta 's answer, I got this jsfiddle : But I was hoping I would preserve parent-children visual connection. In the second attempt, I got what I want ( jsfiddle ): The key was to change cy of the

Developing a d3 bubble chart by following the example posted at http://bl.ocks.org/mbostock/4063269 : My dataset is has one branch but many children (see sample below). All my bubbles are displayed in the same color. Is it possible to modify the logic to generate different color bubbles for each children in the same branch? If so, any assistance would be much appreciated. { "name": "mydata", "children": [ {"name": "test1", "size": 5}, {"name": "test2", "size": 10}, {"name": "test3", "size": 15}, {"name": "test4", "size": 20} ] } Simply pass a different datum to the color function, e.g. the