A new technique for making responsive, JavaScript-free charts

I really like this clever use of a mix of SVG[1] and HTML/CSS to create responsive charts.

Because we're using a percentage-based coordinate system, it's very easy to keep the HTML layer and the SVG layer glued together.

And that's great that this is easy to use thanks to the Svelte based Pancake project, that can be used server-side to render static graphs, with JavaScript based motion and interactivity built as progressive enhancement.

  1. You might already know I love SVG… 😁 ↩︎