title: d3js Circle Pack diagram with nested single child arrays
body: <p>I'm building a pack diagram based on this: <a href="http://bl.ocks.org/mbostock/4063530" rel="nofollow">http://bl.ocks.org/mbostock/4063530</a></p>
  
  <p>Here is a jsbin illustrating the problem.<a href="http://jsbin.com/xukufi/1/edit?js,output" rel="nofollow">http://jsbin.com/xukufi/1/edit?js,output</a></p>
  
  <p>Using the code form the example if you have nested arrays of children with a single child the bottom most child overlaps all the others, so you cannot see or interact with any of the parent objects.</p>
  
  <p>In my jsbin I've overcome this by checking for the number of siblings and decreasing the circle radius by a third. This works, but messes up the node layout if any of this single children have multiple nodes in them. I've got the radius problem figured out, but I can't figure out how to position the x and y for the circles.</p>
  
  <p>I may be going off track at this point. Has anyone else dealt with this problem with how d3 renders the circle pack?</p>