title: D3.js: Animating a bezier curve
body: <p>I'm using the following code to generate a <code>bezier curve</code> for a workflow design:</p>
  
  <pre><code>    group.append("svg:path")
    .attr("d","m " +(300*k) +",0 q "+(z*150)+",-300,"+z*300+", 0")
        .attr("fill","blue")
    .style("stroke", "blue").attr("stroke-width",2)
    .attr("marker-end", "url(#arrow)").attr("fill","none").append("text");
  </code></pre>
  
  <p>I want to achieve <a href="http://bl.ocks.org/duopixel/4063326" rel="nofollow">this animation</a> in the curve. Any suggestion might help.</p>