Project 05 / 16
Gasolytics — US Gas Price Map
Live US fuel-economics site — an interactive map of all 50 states + DC with daily AAA averages, plus a full toolkit of state and metro pages, a trip cost calculator, an EV-vs-gas suite, and gas-tax, border-gap, and affordability analyses.
What I built
- 01
Built an interactive d3-geo choropleth projected to SVG server-side (so no d3 ships to the client), with metro price pins, hover tooltips, wheel-zoom/drag-pan, and a per-state detail panel
- 02
Grew it into a national toolkit: 51 state pages plus metro pages, cheapest-gas-near-me, a trip gas calculator, an EV suite (EV-vs-gas with per-state registration fees and break-even miles, charging costs and stations), and gas-tax, border-gap, and affordability analyses
- 03
Reads daily AAA averages (50 states + DC, 4 fuel grades) from a separate pipeline's Vercel Blob snapshot feed through an in-process cache; mobile app-shell UX with a global tab bar and drag-sheet map expansion, on Next.js 16 + React 19