Project: Overview of a methane data set

A screenshot of the project

During my freelance work for Data&Design, Rudi O'Reilly Meehan and I developed a visual data story to introduce a data set reporting on methane emissions by the International Methane Emissions Observatory. The story adapts the navigation popularized by video-based social media stories. Tapping the left or right side of the screen allows to navigate forwards or backwards, and pressing and holding the screen pauses the playback.

The story itself, however, is not a video, but consists of animated HTML elements. This allows the viewer to interact directly with the underlying data to explore it at the end of the story.

TypeVisual data story
TechSvelte, GSAP, D3.js
RolesConceptualization, Design, Implementation
Year2024
PartnersData&Design
VISIT PROJECT WEBSITE

Impressions

Screenshot of the visualization
Navigation instructions at the beginning of the story
During the story, data points are introduced via animation, accompanied by a textual narrative. At the top of the view, the story progress is visualized
The data can be filtered based on sector, emission rate, or date by interacting with the legend
The map can be panned and zoomed into