A curated list of awesome Svelte & D3 resources

This list is focused on the combination of Svelte & D3.

If you're new to Svelte or D3 and want to learn the very basics you might want to check out some more focused tutorials on each to get an overview. To get started with Svelte, check out The official Svelte Tutorial. For an overview of D3, visit How to learn D3.js by Amelia Wattenberger. For more on each of the two visit Awesome Svelte or Awesome D3.

Here are awesome tutorials that combine Svelte & D3:

• beginner friendly tutorial to get started with Svelte and D3
• contrasts D3's method chaining with Svelte's "literal" programming style

• a gentle introduction with lots of examples and links to further resources

• a multi-part blog post that shows simple examples of bar, scatter, line and map charts
• based on this D3 + React Course by Curran Kelleher

• beginner friendly tutorial to get started with scrollytelling
• introduces tweened values to manipulate points of a scatterplot on scroll

• shows how to make a wordcloud-bar-chart with baby names

• some awesome examples of maps made with Svelte & D3, including ones with multiple geometries and color scales

• how to combine Svelte and D3
• strengths of Svelte and D3 respectively

Here are some awesome examples of visualizations created with Svelte & D3:

• Code is here

• Code is here

• Code is here