PRICE
€ 695 (excluding VAT) / including lunch.
FOR WHO
This training is for those (relatively) new to D3 and Svelte but with some prior familiarity with the web technologies HTML, CSS, and JavaScript.
PRACTICAL INFORMATION
-
Training Interactive Data Visualisation with Svelte and D3
How do you transform data into beautiful dynamic visuals? How do you make insightful and animated graphs that make your visualisations more intuitive and enlightening? There are a lot of (powerful) tools that can create such data visualisations for the web. But if you want to have full control over a custom and interactive graphic, D3 is the gold-standard option.
However, D3 can be quite hard to learn. Thus, in recent years, many professionals switched from pure D3 to a combination of Svelte with D3. Svelte is a frontend compiler that is able to simplify complex D3 patterns and is originally designed for creating data visualisations.
In this two day training by Matthias Stahl you will learn how to use the strengths of both Svelte and D3. You will get a decent introduction to Svelte, you will see how to use D3 as a function library within Svelte and you will create interactive charts already on day 1.
The training is highly interactive. There will be short input sessions (e.g. theory background, code alongs, deep dives into Svelte + D3 code of famous data visualisations) followed by individual and group tasks.
Content
Day 1
- setting the stage: introduction to the course, goals and personal expectations
- introduction to Svelte: the compiler with batteries included for data visualisation
- adding D3 to the game: using D3 as a function library within Svelte (includes a brief introduction SVG)
- the first interactive: building a responsive scatter plot with interactivity magic
- from our computers into the internet: how to publish publicly
Day 2
- recap of day 1: what we have already learned
- Creative project: crafting a complex visualisation. The project will be split into smaller tasks on which we work on
Practical information
This training is for those (relatively) new to D3 and Svelte but with some prior familiarity with the web technologies HTML, CSS, and JavaScript. You don’t need in-depth JavaScript skills – but you should have coded simple web pages before, using HTML for structure, CSS for styling, and some JavaScript for dynamic features. It is helpful to have a look, how Svelte components work.
Trainer
Matthias Stahl is a data visualisation designer and developer crafting impactful data experiences. Before tapping into the data viz field he studied biochemistry and performed deep bioinformatic analyses on bacteria and leukaemia data sets. When he realised that no breakthrough is possible without data visualisation, he started combining his analytical skills with artistic creativity to create unique visuals.
First he worked as a freelancer for international companies and institutes, later he joined the German news magazine Der Spiegel. Today he is leading their data & visualisations department.