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 read

Oh 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