How To Hide Overlapping Text Of Labels In D3 Zoomable Pack Layout?

I am using the Zoomable Pack Layout provided on the D3 website: http://mbostock.github.io/d3/talk/20111116/pack-hierarchy.html All labels of the circles are displayed when the lay

Solution 1:

You could restrict the display of text based on either the level of the hierarchy, the radius of the circle or a combination of both. Both are in the pack output. Use titles for hover detail.