svelte-charts

In some of my recent projects I’ve been using the very good chart.js library, but I’ve always wanted to have a little more control over my charts. I planned to implement them in d3.js eventually, but I recently read Paul Sweeney on why he doesn’t use d3 anymore and the counterpunch from Mike Bostock and decided to do exactly as Mike suggests- use d3, but only for the fiddly bits I don’t want to calculate myself (like nice tick marks) and not for DOM selection and mutation.

A goal is to create a charting element like Tableau or Looker that allows for quite a bit of easy configuring, for example easily toggling from a bar chart to a line chart.

It’s still very early days, but it felt worth mentioning, especially as I haven’t really blogged about Svelte at all. Svelte is a delight to work with, I’m having a lot of fun with it.

The code is here.

Update: I didn’t end up pursuing this library further, but in 2025 I use d3 even less now. For example my resume is a d3 free gant chart.