Du Bois Challenge 2024
A collection of 10 carefully crafted recreations of classic dataviz pieces, rebuilt for the web.
Welcome to Awesome Svelte & D3
What's this?
Here you will find awesome data visualization projects that were created with Svelte & D3.
Check out the Projects and dive into the code to learn how it works.
Start learning!
If you want to learn more about how to create such projects with Svelte and D3, check out the selected Learning resources.
Projects in the wild
Since When Does Vogue Hate Text?
Award-winning scrollytelling piece that shows the change in text-to-image ratio on the cover designs of Vogue.
Atlas of Sustainable Development Goals 2023
Check out these 17 articles filled with stunning visuals, scrollytelling, and bespoke charts. A feast for your dataviz eyes.
Tutorials (Text or Video)
Build your first scrollytelling visualization
A beginner friendly tutorial to get started with scrollytelling. Introduces e.g. tweened values to manipulate points of a scatterplot on scroll.
Effective data visualization with sveltejs and D3
Talks about how to combine Svelte and D3. Goes into the strengths of Svelte and D3 respectively. Shows a simple line chart example.
Your First Data Visualization With Svelte & D3
Talks in depth about how to create an interactive scatter plot. Is detail-oriented and very beginner-friendly.