Hi, I'm Caleb Diehl
Front-end Developer
I'm a front-end developer with expertise in data visualization and geospatial analysis. Currently, I visualize climate change for The Associated Press.
Recharts Sunburst Chart
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.
React.js / Typescript / D3.js
AP Wildfire Tracker
An interactive dashboard that displays real-time fire incident information and surrounding demographics, updated every 15 minutes.
React.js / Typescript / Mapbox GL JS
AI Data Assistant
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.
React.js / Typescript / D3.js
Carbon footprint explorer
An interactive visualization tool for exploring how your income and consumer spending decisions affect your carbon footprint.
React.js / Typescript / D3.js
AP Extreme Heat Tracker
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.
React.js / D3.js / Typescript / Mapbox GL JS / Python
Climate and Disease
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.
React.js / D3.js / Python
