title: Preventing overlap of text in D3 pie chart
body: <p>I've been googling around, but I can't seem to grasp this.</p>
  
  <p>My situation is that the countries overlap when presented on the pie chart: </p>
  
  <p>This is an example of what is happening:</p>
  
  <p><a href="http://jsfiddle.net/tqnqz/3/" rel="noreferrer">jsfiddle</a></p>
  
  <p><img src="https://i.stack.imgur.com/eWONw.png" alt="enter image description here"></p>
  
  <p>I am a total beginner to <code>D3</code> and am trying to prevent text overlap. Is there like a text margin attribute that I can add such that my labels don't overlap each other?</p>