Carbon footprint explorer

An interactive visualization tool for exploring how your income and consumer spending decisions affect your carbon footprint.

For AP News

Technologies | React.js, Typescript, D3.js

View Project

Design

I developed this project for the Associated Press climate team. The goal was to communicate carbon inequality and how personal spending decisions influence a person's carbon footprint. I found a researcher to collaborate with, prototyped visualizations of their data, and designed the page layout and data views in Figma.

Development

I developed this page using Next.js as a static site generator. I thoroughly tested possible scenarios using Playwright to automate filling in the form with various demographic info.