Unearthing Air

Design

Data Viz

Code


An editorial website visualizing 24 hours of indoor air quality data, created in collaboration with journalist Todd Whitney.

Todd wanted to tell an overlooked story about indoor air quality: how it’s impacted by the seemingly mundane rhythms of daily life.

We created a website that visualizes particulate data over 24 hours by altering the legibility of Todd’s article. The more particulates in the air, the more letters in the article are obfuscated.

Each obscured character represents a particulate spike. Hovering reveals what activity caused the pollution and at what time. We also included Todd’s notes for each day, which gives more personal context to the activity that generated the particulate.

A dashboard fixed at the bottom tracks which household actions caused spikes in pollution. By default, the user’s current time is the indoor air quality that is visualized. Users can scrub through a 24-hour timeline in the dashboard to observe how particulate levels fluctuate in sync with daily routines. Users can also isolate specific categories—like “Cooking” or “Cleaning”—to understand how each one contributes to the overall air quality throughout the day. Each category is color-coded and can be easily distinguished at-a-glance by the color of the particulate.


With

Munus Shih

Role

Designer & Developer

Live Site

Unearthing Air

Hovering over an obscured letter reveals which household activity generated the particulate
Scrubbing through a 24-hour timeline in the dashboard shows how particulate levels fluctuate throughout the day
Each activity is color-coded
Specific activities can be isolated to understand how each one contributes to the overall air quality

Speaking

What's Next?

for Parsons School of Design
2025

Time is Money

for New Museum's DEMO2024
2024

Critical Computation

for Parsons School of Design
2023

Processing Community Catalog Launch

for Processing Foundation
2023

Generative Pathways: A Zine-Making Workshop

with SPICY and Secret Riso Club for The Brooklyn Art Book Fair
2022

Community Building and Resilience

for BeginCountour and The Processing Foundation
2022

Let’s Make a Zine

with SPICY and Secret Riso Club for Nowadays
2022

Theorizing Activism

for Barnard College
2019

Decolonizing the Media through Art, Activism, and Publishing

with SPICY for The New Museum Youth Summit
2019

Teaching

Combinatory Poetry with Variable Fonts in p5.js

TypeLab at Typographics
Summer 2025

Lettering for Type Lovers

School of Visual Arts
Spring 2025

Techniculture: A Critical Lens on Modular Type & Generative Design

Type Electives
Spring 2024

Advanced Design: Product Design

The Cooper Union
Ongoing

Core 2: Interaction

Parsons School of Design
Ongoing

Core 1: Interaction

Parsons School of Design
Ongoing

Additional Clients & Collaborators

The Bill & Melinda Gates Foundation

The Processing Foundation

Conservation International

The New Museum

Meta

Connect

Colophon

This website was hand-coded using HTML, CSS, and vanilla JavaScript. All text is set in Söhne by Klim Type.