Learning
I learned how to handle conceptually complex data where numbers carry theoretical baggage. This forced me to confront the limits of neutrality in visualisation: choosing a measure like Gini already implies a stance. I also learned a lot about preprocessing large datasets in JavaScript, and about building scrollytelling interfaces with Svelte and Layer Cake. Collaborating with Patrick taught me new ways of dividing roles between design thinking and technical implementation.
Impact
The project highlighted global patterns of inequality in a way that was both accessible and analytically rigorous. It showcased how visualisation can bridge economics and storytelling, making abstract issues visible and emotionally resonant.
Challenge
The biggest challenge was the political and theoretical weight of inequality data. Unlike natural disaster statistics, inequality numbers are debated, and I often found myself defending the choice of dataset or indicator. On the technical side, preprocessing the data was complex, requiring scripts to loop through countries, years, and measures. Designing a scrollytelling experience that was both smooth and insightful also required iteration.
Description
This was one of my most ambitious projects, analyzing global inequality using the World Inequality Database curated by Thomas Piketty and colleagues. The dataset spans decades, and I focused on data from the 1980s to the present to ensure broad country coverage.
At first, I thought the project would be straightforward: time-series data, indicators like the Gini coefficient, and country comparisons. But I quickly learned that inequality data is conceptually complex. Unlike natural disaster data, where numbers are factual, inequality measures are aggregated, estimated, and defined differently across contexts. This required me not just to analyze but to study economic theory, reading works like Piketty’s Capital in the 21st Century and other contemporary sources.
Working with my collaborator Patrick, we built the project using Layer Cake, a framework combining Svelte and D3.js. The story was presented in a scrollytelling format: first, multiple line charts showing Gini coefficients, with interactive highlighting of countries, continents, or groups. Then, a second section compared the top 10% vs. the bottom 50%, using two lines to illustrate the widening or narrowing gap.
Technically, the project required preprocessing and aggregating multiple datasets into a usable form. I also designed a creative introduction, pairing contrasting photographs to illustrate inequality visually.
Topics
Global inequality, World Inequality Database, Gini coefficient, Piketty, Scrollytelling, Layer Cake, Svelte, d3.js
Tools
HTML, CSS, JS, d3.js, svelte, layercake, GSAP, arquero.js, plot.js
Year
2024 updated 2025
Clients
Personal
