Hi, I'm
Caleb Diehl

Frontend Engineer +
Data Visualization Developer

I'm a front-end developer with expertise in data visualization, interaction design and geospatial analysis. Currently, I am the interactive news editor at The Associated Press, where I oversee data visualization, front-end development and interactive mapping for journalism viewed by millions across the globe.

A new chart type for Recharts, an open-source React data visualization library with more than 173k users. The sunburst is a visually appealing variant of the treemap.

— Recharts Group —

Recharts Sunburst Chart

A web app using a PostgreSQL database, SST, and AWS to create a search engine for the AP education reporting team to find current issues in hundreds of thousands of documents

— AP News —

School board documents AI-driven search

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

— AP News —

Carbon footprint explorer

A 3D draggable globe showing recent changes in Chinese migration across the world.

— AP News —

Draggable Migration Globe

An interactive dashboard that displays real-time fire incident information and surrounding demographics, updated every 15 minutes.

— AP News —

AP Wildfire Tracker

Interactive charts that explore the progress of Olympic records over time.

— AP News —

Olympics Records Progression

Explore your data using conversational AI. A full-stack Next.js web app, using Vercel's AI SDK and a firebase backend, that allows users to chat with a database, save and load data snapshots, and use generative UI to build charts.

— Personal Project —

AI Data Assistant

Olympic graphics licensed to nearly 100 publications, including Time and FOX, to visualize more than 650 athletes, track medal counts in real time, and explore olympic venues. I produced the hometown heroes and venues maps and oversaw production of the other graphics.

— AP News, Time, FOX —

Paris Olympics Interactive Graphics

A parallax scrolling experience. Data visualizations highlight the links between climate change and disease, including the migration of animal species and recent history of climate disasters.

— AP News, Grist —

Climate and Disease

A scrollytelling page that weaves together photo, video, maps and data visualization to explore the effects of climate change on skiing and snowpack.

— AP News —

Ski resorts are embracing a new role: climate activist

An interactive map visualization of major coral bleaching events.

— AP News —

Death and Regrowth on the Great Barrier Reef

An interactive scatterplot and diverging bar chart to visualize results of an AP survey on CEO performance and compensation.

— AP News —

CEO Pay Visualization

An interactive map that tells the story of the Lahania wildire using smooth animations.

— AP News —

Maui Fires Timeline

A real-time heat tracking app that pulls data every day from satellites and 1,000+ weather stations across the globe, analyzes it for deviations from normal temperatures, and displays it in an interactive, searchable map and custom line chart.

— AP News —

AP Extreme Heat Tracker

A series of interactive maps that explore a Forest Service plan to mitigate wildfire throughout the U.S.

— AP News —

Wildfire Risk Maps

Dashboard built for internal use at MBTA. Allows agency to filter and select stop-to-stop bus segments for transit priority measures such as bus-only lanes. Users can adjust the weights as needed to calculate a new weighted average score based on their priorities.

— MBTA Transit Agency —

Transit Segment Priority Finder

Places you in your best olympic sport using your height, weight and more than 100 years of Olympic data.

— AP News —

What would your Olympic sport be?

I developed this webpage and the accompanying maps to showcase AP reporters' work documenting destruction of cenotes in the Yucatan Peninsula.

— AP News —

An Underwater Paradise Under Threat

Data visualization of the change in Google searches for common destinations before and after the pandemic.

— Class Project —

Mobility in a Pandemic

— Class Project —

Visualizing Police Use of Force

Interactive dashboard built for internal use at Washington D.C. Metropolitan Transit Authority. Visualizes smart card data.

— WMATA Transit Agency —

WMATA Dashboard

Allows users to connect Spotify accounts and receive music reccomendations using the Spotify Web API.

— Personal Project —

Spotify Reccomendation Engine

Interactive, Javascript-based data visualization of recent protests in the United States

— Personal Project —

Protests Visualization

Dashboard for visualizing smart card data showing passenger journeys on Sound Transit in the Puget Sound region

— WMATA Transit Agency —

Transit System Dashboard

A custom gravity model I built for a graduate school course that shows census tracts in King County by their ability to access outdoor activities.

— Class Project —

Outdoor Access Score

A machine learning model that clusters transit stations in King Count based on ridership demographics.

— Class Project —

Transit Smart Card Clustering