Interactive maps and data stories

Live feeds, open government data, and browser APIs turned into maps you can poke: hurricanes, earthquakes, aircraft, the Space Station, the sun, and the wind.

Risk Explorer: Florida and Cape Town

Two cities, one explorer. Tap any Florida county for its hazard report card built on FEMA and NOAA data, or switch to Cape Town and read the Mother City through its own open data: fire station cover, wetlands, and property valuations for 777 suburbs.

  • Vanilla JS
  • Interactive Map
  • Open Data
Open the live map

Hurricane Tracks Time Machine

Fifty seasons of Atlantic hurricanes from NOAA’s best-track archive, animated over a coastline map. Scrub the years, ghost past seasons, and tap any track for the storm behind it, with story lines on the monsters drafted by Claude from the data itself.

  • SVG
  • Open Data
  • AI Workflow
Open the map

How South Africa Reaches the Internet

Six submarine cables connect this country to the web. Tap each one for its story, then relive the day in March 2024 when the west coast went dark and the east coast quietly carried the load.

  • SVG
  • Storytelling
  • Infrastructure
Follow the cables

Live Earthquake Map

Every earthquake the USGS has catalogued in the past day or week, fetched by your browser the moment you open the page. Circle size is magnitude, color is depth, and the three strongest are outlined.

  • Live API
  • SVG
  • Open Data
Watch the planet

Planes Overhead

A radar scope of every aircraft transmitting within 150 nautical miles of you. The flight data travels through this site’s own WordPress REST endpoint, because the upstream sources refuse to talk to browsers directly.

  • WordPress REST
  • Live Data
  • Geolocation
Sweep the sky

ISS Live Tracker

The Space Station’s live position, this lap’s ground track, and the glowing patch of Earth that can see it, polled every few seconds. One tap tells you how far away it is right now.

  • Live API
  • SVG
  • Geolocation
Find the station

Golden Hour, Everywhere

A live day and night map with no API behind it: the browser computes the sun’s position itself, then geolocation adds your sunrise, sunset, and next golden hour. Pure astronomy, zero data feeds.

  • Astronomy
  • Geolocation
  • No API
See the light

The Wind, as Particles

Thousands of canvas particles riding real surface winds across a world map: trade winds, westerlies, and whatever storm is spinning today, all drawing themselves. One tap fetches the atmosphere as it is right now.

  • Canvas
  • Live API
  • Animation
Release the particles

Browser mini games

Small games that run entirely in your browser and quietly teach a web skill on the side.

Contrast: the Game

Guess whether text passes WCAG AA before the fuse burns out. Ten rounds that start friendly and end hugging the 4.5 to 1 boundary, with the real math revealed after every guess.

  • Vanilla JS
  • Accessibility
  • Game
Play the game

Developer tools and calculators

Practical calculators built the way I build client work: honest numbers, real list prices, no signup.

AI Feature Cost Estimator

Pick a use case, drag the sliders, and see what a Claude-powered feature would cost per month across four model tiers. Real July 2026 list prices, honest arithmetic.

  • Vanilla JS
  • AI
  • Calculator
Open the estimator

Design Token Re-themer

Eight design tokens drive an entire mock landing page: drag the hue, swap the fonts, loosen the spacing, and watch it become a different site. Export the result as CSS custom properties or a WordPress theme.json fragment, with a live WCAG check keeping the palette honest.

  • Design Tokens
  • OKLCH
  • Accessibility
Open the re-themer

Installable web apps

Progressive web apps you can put on a home screen. Once installed they keep working with no connection at all.

Aptitude Trainer

An installable app that generates endless matrix logic, number sequence, and mental rotation puzzles on your device, with difficulty that adapts to you. Works fully offline once installed. It trains test patterns; it does not measure intelligence.

  • PWA
  • Service Worker
  • Offline
Open the trainer