Threlte 3D-Dataviz Tutorial
Learn how to create your first 3D data visualization using Threlte and D3. Shows how to set-up Threlte locally and build a 3D bar chart. This is part 1 of a series.
Learning resources
Check out these selected learning resources to start your journey into the world of interactive data visualization for the web with Svelte and D3.
If you already have some experience, maybe you will find something to add to your tool belt? Ever created a map? A scrollytelling project? Dive into it below!
Filter Tutorials (0 tags active)
Use tags to filter out specific tutorials:
You can either start typing and use autocomplete or click on the tags within each Project-Card below.
Use text and video tags to filter for written vs. video content.
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.
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.
Data Visualization with Svelte and D3
Talks about advantages of combining Svelte and D3 to create interactive visualizations. Does some live coding of an interactive chart with Svelte and D3.
Mapping with Svelte and D3js
Some examples of maps made with Svelte & D3, including ones with multiple geometries and color scales.
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.
Series: Data Visualization With Svelte and D3
A multi-part blog post that shows simple examples of bar, scatter, line and map charts.
Data visualization with Svelte and D3
A gentle introduction with lots of examples and links to further resources. Showcases how to build a simple bar chart.
Making visualizations literally with Svelte and D3
A beginner friendly tutorial to get started with Svelte and D3. Contrasts D3's method chaining with Svelte's "literal" programming style.