PRICE

€ 745 (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.

We will use Claude Code during the training. 

PRACTICAL INFORMATION

September 17 & 18

09:30 am - 04:30 pm

Utrecht, the Netherlands

Sign up
Ask more info
E-mail this

Training Building Interactive Data Visualisations with Svelte, D3 and AI

How do you turn a visualisation idea into an interactive data product that is clear, honest, and actually ready to release?
 
In this two-day training we build a release-ready interactive data visualisation using gold-standard tools such as Svelte 5, D3 – and AI coding agents. We learn how to conceptualise interactive visualizations, connect the data and add interactions that help readers understand the story behind.
 
On day 1 we set the stage by shaping a concept for an individual interactive data visualisation. Participants can bring own data and ideas or are provided with real-world datasets. Then we develop the first working prototype. The collaborative working sessions are guided by the instructor and enriched with technical inputs about Svelte, D3 and AI assistance as well as behind the scenes information from a newsroom setting.
 
On day 2 we move from our prototypes to release candidates. We enhance the clarity and narratives of the visualisations and focus on performance and accessibility on multiple devices. Eventually, we are going to publish our products.
 
By the end of the course each participant has a fully working interactive data product with learned guidelines that they can reuse for future projects.
Sign up

Content

 

  • setting the stage: introduction to the training, goals and personal expectations
  • developing the first working prototype
  • from prototype to release

 

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.

We will use an AI Agent during this training. 

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.