block by nbremer 25e2db4abc9eaf080190

Text on an Arc - Animate from a Wavy line to an Arc

Full Screen

This is an example from my blog on Placing Texts on Arcs with D3.js that shows that a transition between dissimilar paths (from a wavy line to an arc) can still be accomplished, but that it needs a pathTween function (taken from this example)

Another version shows how a transition between similar paths (both arcs) can be achieved in the default transition way

Other examples of text along a path from the same blog

index.html