title: Transition on pie-chart resize in d3.js
body: <p>I am looking for an example on how to make a transition for a pie-chart resize (arc's paths). I have been looking at <a href="http://bl.ocks.org/1346410" rel="nofollow">this example</a> but I still don't know how to modify it to make the transition on the resize. So far I am able to resize the pie-chart by changing the outerRadius  (and innerRadius) of the arc object, but no luck with the transition. <a href="http://jsfiddle.net/emepyc/VYud2/8/" rel="nofollow">Here is the example</a> I am working on.</p>
  
  <pre><code>arc.innerRadius(newInnerRad)
     .outerRadius(newOuterRad);
  
  path.transition().duration(500).attrTween("d", arcTween);
  
  function arcTween(a) {
    var i = d3.interpolate(this._current, a);
    this._current = i(0);
    return function(t) {
      return arc(i(t));
    };
  }
  </code></pre>
  
  <p>Any ideas?</p>