evidence team: what's the best tutorial you've found on building basic data viz components in svelte? i know that was part of its original purpose, but i haven't quite fully grokked how that typically works. thanks for any pointers!

I wish I had a more complete written guide to point to, since I do think building a custom component here or there is one of the fun things about Evidence. Folks who are building custom viz using svelte are usually using D3 alongside it. Here’s an overview on that: https://blog.logrocket.com/data-visualization-svelte-d3/ Amelia Wattenberger has a great book on D3 called full stack D3, and some content on the combo with svelte. I haven’t watched this but it looks promising: https://svelte.recipes/ is also from her.

okay really helps already to know it's mostly acting as a container for D3, i can grok that!

Oh epic

gwenwindflower.com !

This is old, but might be interesting for some ideas — Rich started in on a charting library type of thing himself, before being swept full time into getting sveltekit off the ground: https://pancake-charts.surge.sh/

i found that! it's really cool and i think that's where i got some of my confusing ideas from, i wish he would make that a proper thing

Your site is super nice. Really like the serif and the “highlighter” link style

tyyy i definitely spent way too much time picking fonts, but it seems to have paid off. that's Fanwood from Google Fonts, very Tufte-ian i think!

@rapid-grass-65397 our original charting library for Evidence was based on that svelte/D3 mix. D3 basically just for their scale and other helper functions, and then svelte for building svg elements. It's really cool in svelte to be able to loop through data to build up the graphic elements. I remember this video being helpful:

Matthias Stahl just open sourced the viz from this article. Done with svelte, of course 😉 Super inspiring. tweet Repo