javascript - d3JS: Transitions between valuelines of different points counts -
there have been similar questions before, have not found altogether clear answer this: say have basic line graph composed of valuelinea 20 vertices. i want transition line valuelineb 256 vertices. the x domain remains same, y domain. assume valuelinea , valuelineb evenly distributed across x domain (time). how transition occur between valuelinea , valuelineb such there no horizontal animation? the code below transition between valuelinea , valuelineb , transitions squeezes valuelinea first 20 vertices of valuelineb . var trends=svg.append("path") .attr("class", "line") .attr("d", valuelinea(dataa)); trends .transition() .duration(3200) .attr("d", valuelineb(datab)) ; i've found few posts similar ( here , here ), it's still not entirely clear me how perform seems basic operation. there isn't easy solution, i'm afraid. here pointers ...