How do I add a transition delay between multiple individual transitioning polygons in D3?

Question

The original Code can be found at: http://bl.ocks.org/Guerino1/3a51eeb95d3a8345bc27370e8c9d5b77

I have numerous polygons that are transitioning onto an svg canvas (

Answer 1

try this..

 .transition() // <------- TRANSITION STARTS HERE --------
 .delay(function(d,i){ return 100*i; }) 
 .duration(3000)
 .attr("points", calculateChevron);