title: How to cancel scheduled transition in d3?
body: <p>Transition Code,</p>
  
  <pre><code>d3.select('chart').select('svg')
      .selectAll("circle")
      .data(sampleData)
      .enter().append('circle')
      .each(function (d,i) 
             {
                  d3.select(this)
                    .transition()
                    .delay(i*50)
                    .attr('cx', function(d) {return d.x;})
                    .attr('cy', function(d) {return d.y;})
                    .attr('r', 4);
             });
  </code></pre>
  
  <p>How can I stop/cancel the scheduled/delayed transactions?</p>