Projekt: Übersicht über einen Methan-Datensatz

A screenshot of the project

Während meiner freiberuflichen Arbeit für Data&Design habe ich gemeinsam mit Rudi O'Reilly Meehan eine visuelle Datengeschichte entwickelt, die einen Datensatz über Methanemissionen des International Methane Emissions Observatory vorstellt. Die Geschichte kann wie videobasierte Social-Media-Stories navigiert werden: Durch Tippen auf die linke oder rechte Seite des Bildschirms kann vor- oder zurückgesprungen werden, und durch Gedrückthalten wird die Wiedergabe pausiert.

Die Geschichte selbst ist allerdings kein Video, sondern basiert auf animierten HTML-Elementen. Dies erlaubt die Interaktion mit den zugrundeliegenden Daten, um sie am Ende der Geschichte zu erforschen.

TypVisuelle Datengeschichte
TechSvelte, GSAP, D3.js
RollenKonzept, Design, Implementierung
Jahr2024
PartnerData&Design
PROJEKT-WEBSEITE

Eindrücke

Screenshot of the visualization
Erklärungen zur Navigation zu Beginn der Geschichte
Datenpunkte werden durch Animation eingeführt, begeitet durch textuelle Erklärungen. Am oberen Ende der Ansicht wird der Fortschritt in der Geschichte dargestellt
Durch Interaktion mit der Legende können die Daten basierend auf Sektor, Emissionsrate und Datum gefiltert werden
Die Karte kann verschoben und herangezoomt werden