Show HN: Isopolis – Isometric pixel map of SF

(sf.isopolis.city)

348 points | by nuwandavek 5 days ago ago

79 comments

  • lawrencechen 5 days ago ago

    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 5 days ago ago

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

      Love that attitude. Me too!

    • nuwandavek 5 days ago ago

      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 4 days ago ago

      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 4 days ago ago

      Really cool stuff

  • karpour 4 days ago ago

    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 4 days ago ago

      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 4 days ago ago

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

    • johnfn 4 days ago ago

      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 5 hours ago ago

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

      • jihadjihad 4 days ago ago

        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 4 days ago ago

      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...

      • jkbyc 2 days ago ago

        > 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.

      • karpour 3 days ago ago

        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.

  • EZ-Cheeze 5 days ago ago

    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

    • nuwandavek 5 days ago ago

      woahhh, these are so beautiful!

      • dendrite9 4 days ago ago

        I haven't used it but Vexcel makes oblique imagery available. They use planes I believe to get multiple passes of each are they image and from various angles. Then they combine it and make the maps available.

        https://vexceldata.com/

  • murphyslab 5 days ago ago

    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 4 days ago ago

    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 4 days ago ago

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

      • notpushkin 4 days ago ago

        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 4 days ago ago

          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 4 days ago ago

      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 4 days ago ago

    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 4 days ago ago

      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 4 days ago ago

        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 5 days ago ago

    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 5 days ago ago

    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!

  • nico 4 days ago ago

    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

  • wxw 5 days ago ago

    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 5 days ago ago

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

  • flomo 5 days ago ago

    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)

    • nuwandavek 5 days ago ago

      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

    • nuwandavek 5 days ago ago

      more zoom enabled!

  • donatj 4 days ago ago

    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.

  • mnky9800n 4 days ago ago

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

  • yreg 4 days ago ago

    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 4 days ago ago

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

  • bestony 5 days ago ago

    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 4 days ago ago

    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 5 days ago ago

    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?

    • nuwandavek 5 days ago ago

      yeah, there are a ton of issues especially around water. I've documented a bunch of them here: https://sf.isopolis.city/dev.html

      I tried out a few ideas, but i think better training data around water will help a LOT.

  • danenania 5 days ago ago

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

  • harrisonpage 5 days ago ago

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

    • nuwandavek 5 days ago ago

      oooof, I can actually allow more zoom (was just embarrassed at bad pixels)

    • nuwandavek 5 days ago ago

      more zoom enabled!

  • toplinesoftsys 5 days ago ago

    Fantastic project! Sim-city over San Francisco.

  • greatony 5 days ago ago

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

  • chaostheory 4 days ago ago

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

  • bjourne 4 days ago ago

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

  • hasyimibhar 4 days ago ago

    Sorry but that is not pixel art.

  • imranshah10140 4 days ago ago

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

  • aguynamedben 4 days ago ago

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

  • Palomides 4 days ago ago

    >ghibli-style pixel-art

    I suppose that explains the yellow filter and the mixels

  • vortegne 4 days ago ago

    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 4 days ago ago

    Reminds me "transport tycoon", very cool!

  • cpfohl 4 days ago ago

    Unwanted sound! Not cool.

    • nuwandavek 4 days ago ago

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

      • cpfohl 3 days ago ago

        No biggie, just almost woke up a household of sleeping people

  • rambambram 4 days ago ago

    Wow, nice prompting!

  • j117noai 5 days ago ago

    This is really cool!

  • nee_oo_ru 5 days ago ago

    time to push the boundaries of your creation

  • quemtrouxe 4 days ago ago

    it's pretty interesting

  • Zaheer 5 days ago ago

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

  • astaka 5 days ago ago

    that's pretty cool...

  • vldszn 4 days ago ago

    v cool!

  • digg99 4 days ago ago

    well done! The opening music made me lol

  • cyanregiment 5 days ago ago

    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.

    • nuwandavek 5 days ago ago

      yeah, there are a ton of issues wrt water. I've documented a few of them here: https://sf.isopolis.city/dev.html

      Planning to fix in the next version!

      • cyanregiment 4 days ago ago

        Needs a slight yellow filter over everything too.

        Less #127614 more #73ba14

        So it looks less like Illinois