Morphing SVG Shapes

A gif of a world map with varying projections based on user input via a dropdown menu.
  • Morphing two SVG shapes, powered by Flubber.js
  • Just for fun, also morphing between two colours, powered by D3-interpolate
  • All orchestrated by the mighty tweened store
  • The animation is controlled by the user clicking the button

Play with the code here:

Svelte REPL
Open REPL in new tab ← Back to all Sketches

© 2023 Sebastian Lammers

Scroll to top ↑