Data Visualization Log

Visualizations

Interactive, hand-coded data visualizations — no chart builders, just HTML/CSS/JS + D3.js. Each one is a playable page: hit play, scrub the timeline, hover the data. Best on desktop.

Real data Synthetic / anonymized Illustrative Explainer

lead-gen-funnel.viz

Forgeline Lead-Gen Funnel

Marketing funnel for a fictional SaaS — conversion and time-to-convert split by customer-intent segment.

Synthetic demo dataOpen →

columbus-beer-hockey.viz

Columbus After Dark

An NHL season measured in pints — animated craft-beer batches against every Blue Jackets home game. Filter out game nights and the whole chart goes quiet.

Seeded synthetic dataOpen →

earthquake-usa.viz

Earthquake USA — 125 Years of Shaking

Real USGS catalog, M5.0+, 1900–2024. Building it surfaced a twist: 137 of the "earthquakes" are actually Cold War nuclear tests — kept as a toggleable layer.

USGS public APIOpen →

brewery-boom-bust.viz

The Great American Brewery Boom & Bust

151 years of US brewery history on ~5,900 real locations. National totals are real; the year each brewery "appears" on the map is a modeled estimate (disclosed in-app).

Open Brewery DB + Brewers Assoc.Open →

fema-disasters.viz

FEMA Disaster Declarations (2020–2024)

Every US disaster declaration pulled live from FEMA's open API and animated onto a map. Some states never stop flashing.

OpenFEMA live APIOpen →

ecocharge-fault-map.viz

EcoCharge — Live Station Fault Map

A live-style fault map for a fictional national EV-charging network — watch stations blink offline across the country and recover.

Seeded synthetic dataOpen →

deployment-analytics.viz

Cortexa — Deployment Analytics

A live-style CI/CD deployment dashboard for a fictional AI startup — hundreds of engineers, thousands of deploys. Fully synthetic/anonymized; the story is the technique.

Synthetic demo dataOpen →

More experiments & synthetic dashboards

space-launches-timeline.viz

Space Launch Cadence: Lanes of Lift-Off

Animated swimlane timeline showing launch-program cadence from Apollo to the reusable-rocket era.

Illustrative (real programs/eras)Open →

heat-days-heatmap.viz

A Century of US Extreme Heat Days

State-by-year heatmap shows synthetic 95°F days rising across the US from 1950 to 2024.

Seeded synthetic dataOpen →

energy-flow-sankey.viz

U.S. Energy Flow

Animated Sankey tracing illustrative energy sources into electricity, losses, and end-use sectors.

Illustrative (EIA-modeled)Open →

dependency-graph.viz

D3.jsNetwork Graph

Nova Dependency Galaxy

Synthetic JavaScript packages orbit shared dependencies in a vibrant, interactive force-directed map.

Seeded synthetic dataOpen →

airline-ops-dashboard.viz

SkyPort Airline Ops Dashboard

Fictional airline ops dashboard — on-time KPIs, hub reliability, delay trends, route rankings, and causes.

Synthetic demo dataOpen →

email-journey.viz

SVG/D3Explainer

How an Email Actually Travels

Animated explainer tracing one message through SMTP, DNS routing, filtering, mailbox storage, and client sync.

Educational explainerOpen →