Extending paths in D3 with transition
I've been grappling with issues relating to transitions in D3. Consider this code: svg.selectAll("path") .data(data, key) .enter().append("path") .attr("d", someFunctionThatReturnsAPath); }); And I call the following in a setTimeout a few seconds later: svg.selectAll("path") .transition() .duration(2000) .attr("d", someFunctionThatReturnsADifferentPath); }); The second call correctly updates the paths but doesn't animate the transition. Why is there no transition when the d attribute is updated in the second call? Note that the paths are very complex. In both calls, there's a noticeable delay