Data visualizations with Svelte + D3 at DER SPIEGEL

Creating effective and unique data visualizations for news websites requires sophisticated tools. In fact, Svelte is currently becoming a gold standard tool to build interactive graphics for the world’s newsrooms. Why is that and what is so special about Svelte? Come and let’s go on a behind-the-scenes walk into the machine room of a modern interactive data visualization.

Using historic performance data of german speed skater Claudia Pechstein, DER SPIEGEL created an interactive animation using Svelte and D3.js. Matthias Stahl shows and explains how one of the biggest German newspapers achieves such visualizations in an elegant and performant way. Expect to see some interesting pieces of code :)

About Matthias:

Originally, Matthias started as a biochemist and ran his own company Today he is the deputy head of the graphics desk at DER SPIEGEL. During his journey through biochemistry, bioinformatics, data science and web development, he fell in love with data, statistics, art and design. These are all ingredients for impactful data visualizations. Today, his data visualization projects comprise both web-based interactive graphics and static pieces for print. Data-driven design is just beautiful.


About Frontend RheinMain:

Frontend RheinMain is a community-hub for frontend devs and friends in RheinMain. Our misson is to push knowledge transfer and connect webworkers by running meetups and livestreams and supporting related initiatives. We enable developers connect with other webworkers, to learn new stuff and get inspired by latest developments in the frontend field.

#svelte #sveltejs #d3js #dataviz #derspiegel #frontend #webdev #frontendrm #meetup #rheinmain
Web design
Be the first to comment