title: How to show labels in first two rings only in a zoomable sunburst partition with rotated labels?
body: <p>Provided the following fiddle, how can I modify it to display the rotated labels in the inner two rings only? It's simple enough to show the label based on the depth of the node, but it breaks after zooming. I removed my modification which clamped labels to the first two rings, since it fell apart on zoom, so that the fiddle is a clean slate. </p>
  
  <pre><code> var text = g.append("text")
        .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")rotate(" + computeTextRotation(d) + ")"; })
        .attr('text-anchor', function (d) { return computeTextRotation(d) &gt; 180 ? "end" : "start"; })
        .attr("dx", "6") // margin
        .attr("dy", ".35em") // vertical-align
        .text(function(d) { return d.name; });
  </code></pre>
  
  <p><a href="https://jsfiddle.net/sss4r/g71ydz6g/1/" rel="nofollow">fiddle</a></p>
  
  <p>TIA.</p>