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… 😁 ↩︎

If you want to share an error or suggest an enhancement of this content, please edit the source on Github.