Yesterday this application didnโt exist. Today it does.
This was 100% vibe-coded. I didnโt write or edit a single line of code.
Before you watch the video, hereโs what youโre about to see.
Nothing is sped up. The app is genuinely this fast.
It pulls real-time traffic data for 30 U.S. cities using the HERE API and maps it on a Mapbox map.
The "jam factor" is calculated live and displayed in the "jam bars" and directly on the map.
Then I add five more cities. Each time, the data is instantly added, the bars automatically re-sort, and new points appear on the map.
Across the top, BANs show the average jam factor, the most congested city, the least congested city, and the last update time. All updating dynamically.
Then I pick the custom colors based on the jam factor, customize the color ramp scale, and even modify the bounding box (the area used to calculate traffic conditions) from rural to dense urban settings, or manually define the geography.
How is this done? Knowing what to ask for and iterating with GenAI. I started building this app while I was grading assignments, and just checking back in on the progress!
From zero to a real-time, interactive, API-powered dashboard. Thatโs where we are.
Insights this morning: Indianapolis had a number of car accidents slowing down traffic, briefly popping it to the top of the list over NYC. But at the moment Miami, FL has the heaviest traffic.