title: Can't make paths draw growing slowly with D3
body: <p>Using the d3 graphics library, I can't seem to make paths draw slowly so they can be seen growing.  </p>
  
  <p><a href="http://blog.visual.ly/creating-animations-and-transitions-with-d3-js/">This site</a> has a perfect example in the "Line Chart (Unrolling)" section, but no code is given for that section.  Could someone please help me with the lines of D3 code that could make that happen?</p>
  
  <p>When I try appending delay() or duration() such as in the following code snippet, the path still draws immediately, And all the SVG code after this segment fails to render.</p>
  
  <pre><code>    var mpath = svg.append ('path');
          mpath.attr ('d', 'M35 48 L22 48 L22 35 L22 22 L35 22 L35 35 L48 35 L48 48')
               .attr ('fill', 'none')
               .attr ('stroke', 'blue')
               .duration (1000);
  </code></pre>