title: Slice move out in d3.js slice click
body: <p>Hi all I am very new  with d3.js charts I am try to add some additional stuff in <a href="http://bl.ocks.org/NPashaP/9994181" rel="nofollow noreferrer">3D Donut</a> . Please go tho this link <a href="http://d3pie.org/website/examples/donut.html" rel="nofollow noreferrer">Basic Donut Chart</a>  ,I want add segment click feature into  <a href="http://bl.ocks.org/NPashaP/9994181" rel="nofollow noreferrer">3D Donut</a> . I try bellow code </p>
  
  <pre><code>var arc = d3.svg.arc()              
                  .outerRadius(ir+10);
  
              slices.selectAll("path").on("click",function(d){
  
               d3.select(this)
             .attr("stroke","white")
             .transition()
             .duration(1000)
             .attr("d", arc)             
             .attr("stroke-width",6);
              })
  </code></pre>
  
  <p>with <a href="http://bl.ocks.org/NPashaP/9994181" rel="nofollow noreferrer">3D Donut</a>  but not working as expected . Please help me to achieve this . A working example code will be appreciated. </p>
  
  <p>Thanx .</p>