simple d3js line path transition example script type text javascript src https d3js org d3 v7 min js script div id example div button class replay Play button button class reset Reset button div svg width 500 height 120 path id path1 svg div script var line d3 line var data1 0 0 200 100 400 50 500 80 var data2 0 100 220 80 300 20 500 40 d3 select example select replay on click play d3 select example select reset on click init init function formatDString str return str split MLCSTQAHV gi join br function init var root d3 select example root select path1 attr fill none attr stroke steelblue attr stroke width 1 5 attr d line data1 function play var root d3 select example var transition d3 transition duration 1000 root select path1 attr d line data1 transition transition attr d line data2 script
init init function formatDString str return str split MLCSTQAHV gi join br function init var root d3 select example root select path1 attr fill none attr stroke steelblue attr stroke width 1 5 attr d line data1 function play var root d3 select example var transition d3 transition duration 1000 root select path1 attr d line data1 transition transition attr d line data2 script