Shape Morphism
It is relatively straightforward to animate the transition between 2 similar SVG paths. The technique requires a library called motion and is described in a dedicated lesson.
Most dataviz use-cases are solved this way. But what if the shapes are highly different? Like going from a donut chart to a barplot? That's called shape morphism, and it's the topic of this lesson.
Members only
9 minutes readOh no! 😱
It seems like you haven't enrolled in the course yet!
This is a lesson from the D3 ❤️ React course, where you learn to create bespoke, interactive graphs with d3.js and React.
Enrollment is currently closed. Join the waitlist to be notified when doors reopen:
Or Login