title: How do I externalize my d3 v4 pie chart labels?
body: <p>I'm using d3 v4.  I want to move tabels out of my pie chart and have them point at the pie chart instead (because for small wedges it is not possible to read the labels).  I thought this would add external labels</p>
  
  <pre><code>// Now we'll draw our label lines, etc.
  enteringLabels = labels.selectAll(".label").data(data).enter();
  labelGroups = enteringLabels.append("g").attr("class", "label");
  labelGroups.append("circle").attr({
      x: 0,
      y: 0,
      r: 2,
      fill: "#000",
      transform: function (d, i) {
          centroid = pied_arc.centroid(d);
          return "translate(" + pied_arc.centroid(d) + ")";
      },
          'class': "label-circle"
  });
  </code></pre>
  
  <p>but the labels are not appearing externally -- <a href="https://jsfiddle.net/2df75xj0/1/" rel="nofollow noreferrer">https://jsfiddle.net/2df75xj0/1/</a> .  What else do I need to do to externalize the labels?</p>