Settings

Theme

Show HN: Isopolis – Isometric pixel map of SF

sf.isopolis.city

350 points by nuwandavek · 89 comments

Reader

41 threads
lawrencechen

Behind the scenes stuff:

https://sf.isopolis.city/dev.html

> The source is Google Photorealistic 3D Tiles. Isometric.nyc explored and rejected the use of 3d building data. It is pretty insane that US gov has free LIDAR data for every city in the US available to the public. I spent <30mins exploring this and stuck to google 3d images. Claude Code whipped up a scraper to stream the 3D Tiles and render with three.js. This gives the best "real" texture base for the model to learn from. Anything else would involve a LOT of manual work to get the inputs right.

> Now that we have the 3D tiles, we need to generate the ground truth pairs for training! Similar to isometric.nyc, I generated a few ghibli-style pixel-art images using Google's Nano Banana. SF terrain is very interesting. There are quite a few distinct features like skyscrapers in FiDi, the hills in the southeast, 2 iconic bridges, lots of coastline, piers, parks, suburban grids and lots of water. I generated a ton of images and curated from them. Getting consistent style was a challenge. There was a LOT of manual trial and error. But as usual, Claude Code added this feature to the dev app that allowed me to select the best images and approve them.

  • simonw

    > I'm stoked for the golden era of side-projects!

    Love that attitude. Me too!

  • nuwandavekOP

    glad you liked it!

    I had to leave out a ton of details in the training process. But at every step, codex/cc built me a dev tool to navigate the complexity. That was such a unique side project experience.

  • RugnirViking

    interesting with the alcatraz island - I notice its invented some houses, and turned a cruise ship into a rock. I appreciate the difficulty and getting a lora to understand it - despite this the finished project is beautiful

    I also feel that some of the technical explanations are a little dense here in the dev blog. I forget who it was who I saw mentioning it here on HN, but I've been having a lot of success with getting models to (re)write technical explanations in https://en.wikipedia.org/wiki/Simplified_Technical_English

  • pcpliu

    Really cool stuff

karpour

Honest opinion: Really charming on first look, but nothing where you can get lost in the details, because once you look closer, the soullessness of the generated imagery comes through. So I spent about 5 minutes looking at it, then moved on, and likely won't ever go back there. With other things, like Floor796 that other people pointed out, I can spend so much time looking at all the labor of love that went in there, but making something to look at too closely likely wasn't the point here.

  • thih9

    For context, Floor796: https://floor796.com/

    Note that clicking the characters shows extra information.

    Protip, visit About -> FAQ; there are many interesting questions like “What interactive elements are there?”.

    Previously discussed: https://news.ycombinator.com/item?id=46401612 (and others).

    • cj

      Wait, that's an example of something that's supposed to be better?

  • johnfn

    Ouch, this seems unnecessarily harsh for a side project made for fun. This might be acceptable if this was a low effort single prompt to an AI but it’s pretty clear from the write up that that is far from the case.

    FWIW I thought this was really cool.

    • justusthane

      I don't think was unkind, and I think that if you make something public, opinions are always warranted.

      • johnfn

        I think “soulless” crosses a line into unkind. Just say you don’t like AI generated text.

    • jihadjihad

      For me it's the copy, it really does read as soulless slop and I think there are many people who are just tired of it.

  • burnoutdv

    I was thinking the same..in fact it made me think enough that I wrote a blog/rant article about the topic AND created then a HN account. Well not this one specifically but all the other projects together I have seen recently and I just happened to have time today https://burnoutdv.bearblog.dev/the-golden-age-of-hobbyiest-p...

    • karpour

      You summarize it well. Are you on the Fediverse by any chance? If not, you might enjoy it you'll find lots of people there who still make art, write code and are interested in learning.

    • jkbyc

      > You are doing a hobby project, why do you fixate about results?

      You're assuming his goals are the same or should be the same as yours.

      IMO, it looks really cool, I'm sure it took lots of effort despite the AI coding help, and I thoroughly enjoyed looking at it and taking the tours.

      Just because it's possible to create things like this doesn't devalue the work of true pixel artists.

EZ-Cheeze

https://arstechnica.com/science/2018/04/these-oblique-satell...

"Satellite images from highly oblique angles are pretty mindblowing"

If u like this u will like that

murphyslab

Incredible. It's easy to just go on browsing and exploring. The massive, scrollable pixel art aspect reminds me a little of Floor796: https://floor796.com/

rob74

Nice! But for a city renowned for its steep streets, this looks suspiciously flat :) Ok, you could say it's only a 3D rendering of a 2D map, and it probably has to be this way for practical reasons, to avoid hills obscuring objects behind them, because you can't rotate the map as far as I can see, but not seeing actual height represented in a 3D view still takes some getting used to.

Also, there are neighbourhoods and landmarks, but not actual street names as far as I can see? Not to mention transit stops/lines and other fancy stuff one could add...

  • sgt

    It's vibe coded. LLM's have a hard time understanding elevation and isometric display.

    • notpushkin

      It’s vibe coded but it’s not slop. There’s a lot of human input here. So either the author overlooked the elevation issue or it was a deliberate decision, but in any case you can’t just pin this on “LLMs don’t understand isometric 3D”.

      • sgt

        I've been busy with a rendered isometric map recently and I figured this is something Opus can help with, but it was near useless at understanding isometric designs along with elevation changes. It kept me busy for days.

  • RugnirViking

    from his dev blog: "All map math happens in a single fixed ... plane... The intended effect was a classic Sim City view of the city. "

codetiger

This is incredibly beautiful. A few months back I tried to build a my own version of Google Earth rendered in voxels. Basically building from the terrain heightmaps scans available in open public data. Making it smooth and tessellation to work was incredible amount of work even for a simple vexed renderer https://codetiger.in/earth/

  • tda

    Nice, but not sure I agree with your use of voxels. It appears more like pixelated height map, not the use of 3d pixels. From what I see every position on the globe can only have a single elevation

    • codetiger

      Each pixel is a cube drawn at a certain height based on the terrain height map data. It’s not a volumetric render, I agree.

jtfrench

Those who know game dev know making good isometric maps can be deceptively difficult. You grabbed that bull by the horns and did so beautifully. Well done!

accrual

This is really cool, it gives me SimCity 2000 vibes. I like that I can click on neighborhoods and regions and get more information about them!

wxw

I'm reminded of the wonderful https://cannoneyed.com/projects/isometric-nyc project, also previously discussed here: https://news.ycombinator.com/item?id=46721802

This could be a great anecdotal benchmark for agent/model progress. I wonder how much easier things have gotten with the latest Codex/Claude vs. when isometric.nyc was made.

qurren

Would be extra awesome if there was a navigation app that used this map

nico

Amazing, great project. The SV show music playing on opening was such a good detail to add, loved it!

Thank you for putting this together. Brought some fun memories back from my time living in SF

flomo

Just one little thing: East of Buena Vista Park, you have a lake, it is actually the road which goes around the park.

Also, I would love to zoom in more. (pls give me the pixels)

  • nuwandavekOP

    Spurious lakes are an interesting issue I looked into a bit. 2 types of cases ended up becoming lakes: 1. "shadows" 2. flat green areas

    I think a better data distribution should eliminate this. Also, my "water detector" was not too good and could be improved.

    I wrote about a few of these things here: https://sf.isopolis.city/dev.html

  • nuwandavekOP

    more zoom enabled!

mnky9800n

This reminds me of my own project https://rainy-city.com

donatj

I've spent about a month all told in SF over a couple visits.

As a devout midwesterner, I didn't think I was going to enjoy the place. Having spent a bit of time there however, and having been shown around by natives, I absolutely get it.

There's so much to see and do packed in a small area, and the air just feels electric.

It's genuinely a different world.

yreg

I'm currently playing with something a bit similar and I was wondering about the fair use aspect.

What's the consensus on sharing the stylized assets created by diffusion models based on reference photos from e.g. Google Earth? Can the final output be shared as public domain or do Google, Airbus, et al. still hold some rights over them?

  • jcarrano

    The same "fair use" as when Google trained its model on everyone else's photos.

bestony

Very cool! Yesterday my wife and I watched Inside Out, and seeing the San Francisco setting felt very familiar (last year, 2025). Last year, in 2025, my wife and I went to San Francisco for our honeymoon. This website also showed me many familiar places.

burnoutdv

I am not a fan of this.

Like the new york one, its just...unpolished. I dare to say slop. I am sure the author put some effort into it, BUT its just not there for me. The wiggly lines, the blurry designs and just everything. With something is pixelart or appears to be, I expected it to be pixel perfect, not just some random picture that looks like pixelart on the first glance.

The idea feels neat, but the execution needs so much more touch and polish. Maybe even handcrafting to be impressive.

montag

Really cool. I can see some issues, like Starr King park turned into a lake for some reason, but it’s so much fun to look at. Do you have any way to patch errors and discontinuities at the tile boundaries?

ethannam9022

I really like the ’90s game vibe. It almost feels like I’m playing a game.

danenania

Super cool! Can you talk a bit about how you built it?

harrisonpage

Amazing! I was sad I couldn't zoom in more tho

toplinesoftsys

Fantastic project! Sim-city over San Francisco.

greatony

THIS IS SICK! The BGM, the SFX, the visual are all perfect. My favorite is the banner plane, this is really really SF

chaostheory

It would be nice to have a Google or Apple maps version of this. I would also love to see this while driving.

bjourne

Wow, very impressive! But where is the bulldozer tool? I have some landscaping to do.

hasyimibhar

Sorry but that is not pixel art.

imranshah10140

Absolutely amazing Love to see how much we can go out of the box. Great work

aguynamedben

I lived in San Francisco for 15 years, and love this. Great work!

Palomides

>ghibli-style pixel-art

I suppose that explains the yellow filter and the mixels

vortegne

Crazy to me that people engage with this. This is not pixelart or any art really, it's just a weird blurry mess. Looks terrible.

jullls

Reminds me "transport tycoon", very cool!

cpfohl

Unwanted sound! Not cool.

  • nuwandavekOP

    sorry! i debated this quite a bit, but the sv opening credits was too good to not include :(

rambambram

Wow, nice prompting!

j117noai

This is really cool!

nee_oo_ru

time to push the boundaries of your creation

Zaheer

Similar take by Levels.fyi: https://www.levels.fyi/atlas

quemtrouxe

it's pretty interesting

astaka

that's pretty cool...

vldszn

v cool!

digg99

well done! The opening music made me lol

cyanregiment

A few AI anomalies, like several roads turning into rivers and lakes.

There are also a few massive square ponds in the Tenderloin that I am pretty sure do not exist lol

But I like the idea.

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection