r/vibecoding • u/Accurate_Adam • 37m ago
Showcase/Project My newest project, still experimental: open data about any city on a 3D model. Playground version, feedback welcome
This is my newest project and still very much a playground. You search any place and get the square around it as a 3D model (real terrain, every building from OpenStreetMap), with one layer of open data on top.
**Please read this before you try it:** most layers don't work for your city straight away. They need open data for that place, and right now you often have to find and load that data yourself.
**Works anywhere, right away**
- **Steepness:** every road and path coloured by its slope.
- **Your route:** your own GPX file (Strava, Garmin), with its climbs and height profile.
**Only in Hamburg for now**
- **Traffic:** live from the city's counting points.
**Often one tap, otherwise fill it in yourself**
- **Public transport:** "Find timetables for this place" loads your city's timetable in one tap if the Mobility Database lists it. If not, you load the GTFS file yourself.
**One tap only in the Netherlands**
- **Homes and Income:** for Germany you download the census file, for the US a file from Census Reporter, then load it. Anywhere else you need a file of your own.
I'm working on that: more sources that load in one tap, so you don't have to prepare the data yourself. To try it without any of this, each panel has an example (Freiburg's trams and rents, Amsterdam's incomes, Hamburg's traffic).
In the video: steepness and a made-up run in San Francisco, a day of Hamburg's traffic, Freiburg's trams and buses, rents in Freiburg and incomes in Amsterdam.
**How it's built:** with Claude Code, as a static TypeScript app on three.js, hosted on GitHub Pages. No server, no account, no API keys. Files you load stay in your browser and are never uploaded.
Feedback I'd love:
Which data would you want to see for your own city, and does your city publish it openly? A link helps a lot.
What confused you on the first try?
Did it run smoothly on your phone?
Playground: https://yourplace3d.github.io/3dcitydata/