javascript - d3 Line Chart animations from left to right -
i interested create line chart -- draws left right -- connecting dots in x-axis. http://bl.ocks.org/markmarkoh/8700606 http://bl.ocks.org/duopixel/4063326 this jsfiddle i've made start creating chart. http://jsfiddle.net/nyeax/1512/ //__invoke line $('[data-role="line"]').each(function(index) { createline(this); }); function createline(el){ var w = $(el).data("width"); var h = $(el).data("height"); var svg = d3.select($(el)[0]) .append("svg") .attr("width", w) .attr("height", h); var data = d3.range(11).map(function(){return math.random()*10}) var x = d3.scale.linear().domain([0, 10]).range([0, 700]); var y = d3.scale.linear().domain([0, 10]).range([10, 290]); var line = d3.svg.line() .interpolate("cardinal") .x(function(d,i) {return x(i);}) .y(function(d) {return y(d);}) var path = svg.append("path") ...