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 ...