SVG Line Animation (not polyline or path)

[Derek Erb]

I’ve created a line chart in SVG and purposely used <line elements, rather than <polyline or <path elements, as I want to animate the individual data lines, segment by segment, across the chart.

However everywhere I've looked for animation and transition information the example use either <polyline or <path elements and when I try and apply the same code to my <line elements, in my CSS, it doesn't work.

My full chart is over on CodePen here:
http://codepen.io/DerekErb/pen/jmEKdV

Thanks!

[Author]

Posts