title: D3.js 'Pie Charts Labels' Overlapping
body: <p>Hi StackOverflow community. I tried to find the solution for a problem I'm having and was unable to get anything helpful. The closest thing I could find was <a href="https://stackoverflow.com/questions/34072332/donut-pie-chart-labels-overlapping">this</a> which seems to not have a solution. I'm a complete beginner to D3.js so this may also be why I'm having trouble resolving the situation. I tried digging through the documentation as well with no success. So here's my problem. I was trying to do some data visualization stuff and stumbled upon <a href="http://bl.ocks.org/dbuezas/9306799" rel="nofollow noreferrer">this</a> pie chart in the D3.js example library, which I thought was pretty nifty. Once I started putting a large amount of values into the graph though I noticed I had problems with overlapping labels as can be seen below. I've only altered the code from the example page to make it so I can create multiple charts. Besides that it's essentially the same. Thanks for any help or information anyone can provide! </p>
  
  <p><a href="https://i.stack.imgur.com/kjPnp.png" rel="nofollow noreferrer">Overlapping Labels</a></p>