👋 Hey there.

Welcome! This is a collection of a few responsive and interactive data visualisations built using D3 and Svelte.

Why?

D3 is an awesome library, but parts of it are focused on manipulating the DOM in a way that conflicts with Svelte's delcartive syntax. This collection uses D3 for things like manipulating data, creating scales, etc., but not for DOM manipulation.
The examples are designed to be as generic as possible, so they can be copied and pasted into your own codebase with only a little adapatation. Basically, I wanted to create a repo where I had a bunch of graphs that I could reach for every time I need to create yet another bar chart, and I figured it might be useful to other people too.

These visualisations also use Tailwind for some styling.