Data Visualizations

Narrative-driven data visualizations emphasizing mathematical elegance and visual clarity

15+
Visualizations
D3.js v7
Framework
Swiss Design
Aesthetic

Design Philosophy

"Life is beautiful" - Each visualization tells a story through mathematical elegance, perceptually accurate encodings, and minimalist Swiss Design aesthetics. Data becomes narrative through careful choice of scales, colors, and metaphors.

All Visualizations

War & Conflict

War Casualties as Poppies

Each poppy represents lives lost - sqrt scale for perceptually linear area encoding

D3.js • SVG • Horizontal scroll timeline

Economics & Inequality

Billionaire Wealth Distribution

Forbes 400 wealth visualization with log scale for exponential disparities

D3.js • Interactive circles • Census API data

Federal Spending Breakdown

Treasury data with hierarchical treemap and time-series trends

D3.js • Treemap • USAspending.gov API

Housing Crisis by County

Geographic choropleth with Census Bureau housing cost data

D3.js • TopoJSON • Census API

Corporate Power

Dow Jones Board Interlocks

Force-directed network of corporate board interconnections with draggable nodes

D3.js • Force simulation • SEC Edgar API

Lobbying Expenditures

Interactive timeline of lobbying spending by industry and issue

D3.js • Line charts • OpenSecrets API

Language & Linguistics

Word Stories Timeline

Etymology visualization from Old English to modern usage with COCA frequency

D3.js • Timeline • COCA corpus data

Language Family Tree

Indo-European language relationships as constellations with sound change patterns

D3.js • Tree layout • Diachronica data

Climate & Environment

Climate Stripes

Temperature anomaly visualization with perceptually uniform diverging color scale

D3.js • Heatmap • NOAA climate data

Food Deserts Map

Geographic distribution of food access disparities with Census tract overlays

D3.js • Choropleth • USDA Food Access API

Other Explorations

Academic Citation Networks

Force-directed graph of paper citations with topic clustering

D3.js • Network graph • arXiv API

Emoji Usage Patterns

Temporal and sentiment analysis of emoji usage across social media

D3.js • Bubble chart • Bluesky Corpus API

Technology Stack

Visualization Libraries

D3.js v7, Chart.js, TopoJSON, Force simulation

Data Sources

Census Bureau, SEC Edgar, NOAA, USDA, arXiv, OpenSecrets, COCA

Color Theory

Perceptually uniform scales, emotional palettes, colorblind accessible

Mathematical Encodings

Sqrt for area, log for exponential, linear for time-series

Design System

Swiss International, 8px grid, Helvetica, black/white/red

Interactivity

Hover tooltips, draggable nodes, zoom/pan, click filters
← All Categories API Gateway →