Winners of Svelte Hack 2024 (runes-edition)!

En tant que journaliste en apprentissage au service infographie des Échos, je compte évoquer à travers des exemples pratiques comment Svelte et D3 peuvent travailler main dans la main pour aider une rédaction dans la réalisation d'infographies interactives sur le web. As a trainee journalist in the infographics department at Les Échos, I will use practical examples to show how Svelte and D3 can work hand in hand to help a newsroom create interactive infographics for the web.

A Svelte 5 changelog overview covering snippets, bug fixes, and migration guidance. Live coding of runes-based dynamic filtering plus exploration of effect, onMount, and reactivity features.

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.

Svelte is not just a JavaScript compiler. It is a way of thinking to design complex data visualizations. Come with me on a journey through one of my recent Svelte data visualization works.

Curious about Runes? Want to get your questions answered? Here what the team has been up to?

A developer's journey with Svelte, showcasing the creation of Eleftable, a survey application for data visualization. Visualization of candidate electability and likeability, with emphasis on technical implementation, user engagement goals, and potential expansion.

00:00 Introduction 00:30 Announcements - Svelte Summit 01:10 Runes Primer 13:17 Runes FAQ 19:20 Rune helpers and stores with Hunter 26:26 Runify demo and fine-grained reactivity with Paolo 35:00 The library maintainer’s perspective with Hunter 45:08 Poll: the kinds of applications we make 53:25 Paul proposes Runes be a compiler-based toolchain separated from Svelte, similar to RxJS 1:01:11 Everyone’s impressions of Runes 1:02:48 Tantei-Kun likes the $props Rune 1:07:32 Poll: everyone’s impression of Runes so far

In this talk we take a look at all of the Svelte 5 runes and how they compare to the reactivity model.

Gregor Aisch introduces SveltePlot, a visualization framework he has been developing over the past year.

Vadim Smirnov, a front-end developer and developer advocate, introduces real-time data visualization using Svelte.

Community Clerk Svelte SDK.

Composable Svelte chart components to build a large variety of visualizations

Svelte Plotting Framework

Magical utilities for your Svelte applications.