Les formats scrolly-telling imaginés il y a plus de dix ans par des médias américains tel que le New York Times restent très populaires aujourd’hui. Le principe : des graphiques s’animent à mesure que des “boites” de texte entrent dans l’écran. Ce format convient bien pour “prendre le lecteur par la main” et expliquer des données complexes pas à pas. Ce format est aussi compliqué à coder de zéro. Heureusement, en combinant l’outil de création de graphiques Flourish Studio avec un peu de HTML et de javascript, il est possible d’obtenir facilement des résultats visuellement attractifs.

Le but de cette formation : apprendre à découper son récit pour créer un scrollytelling, mettre en forme ses graphiques dans une story Flourish, intégrer cette story dans un scrollytelling simple avec Svelte JS (un framework pensé par et pour des journalistes).

• Trouver de l’inspiration grâce à quelques exemples concrets de scrollytelling publiés par des médias internationaux
• Fond : apprendre à “écrire pour décrire” ses visualisations en vue de réaliser son propre scrollytelling
• Forme : acquérir les compétences de bases nécessaires pour créer un scrollytelling en Svelte JS

PREREQUIS

• Connaissances de base en HTML/CSS (brève révision prévue pendant la formation)
• Connaissances de base en datavisualisation (nettoyage de données + création de graphiques interactifs avec Flourish) ou suivre la formation « Initiation à la datavisualisation » de Gaëtan Gras le mardi 19 août 2025, dans le cadre du parcours numérique.

• Un ordinateur