Top
Best
New

Posted by juscha1 6 hours ago

Show HN: Isometric SF – A pixel-art map of the SF Bay Area(isometricsf.com)
Technical Write-up: https://www.justinchavez.com/blog/isometric-sf-how/

Hi HN! Showcasing this fun project. I took 1300 square miles of the SF Bay Area from Google Photorealistic 3D Tiles and transformed them into a cohesive pixel map. It's really fun to explore and stumble upon various famous landmarks like Apple Park, Palace of Fine Arts, or UC Berkeley.

The technicals involve using Nano Banana 2 to train a Qwen-Image-Edit 2511 LoRA which is used to prototype the style and generation methods. For final map I used Qwen to train a Klein 4B LoRA which reproduced the style at 1/4 of the cost. More details in the blog post.

Let me know what you think! I really enjoyed this process of fine-tuning smaller open source models.

If I did the map with Nano Banana 2 it would have cost around 7k USD!

Credit for the idea goes to Isometric NYC.

137 points | 49 commentspage 2
nphardon 3 hours ago|
this is really cool, but I wish it was oriented north south (maybe thats not as pleasing re the isometry?), just because that's how I think about the city and navigating it, so this makes me like, instinctually rotate my head.
juscha1 3 hours ago|
Thanks! I choose this orientation to highlight the coast of the SF Bay area more.
nphardon 2 hours ago||
That's cool! The coast really frames it nicely.
ubasu 2 hours ago||
This misses large parts of the Bay Area, which is nine counties: Alameda, Contra Costa, Marin, Napa, San Mateo, Santa Clara, Solano, Sonoma, and San Francisco. Here, pretty much everything east of 680 and north of the Richmond Bridge is missing. No Mt. Diablo, no Livermore, only bits of Dublin, Pleasanton, San Ramon etc.
leugim 5 hours ago||
How much it cost you paint per km2 after training the model? I did (and publish here) https://www.tinyvalencia.com and got to 0.4$ per km2 after training the model (for 15$ or so).
juscha1 5 hours ago|
It cost around $0.09 per km2 after training the model
cmdoptesc 5 hours ago||
Hi Justin, great writeup!

I really appreciate your human-written documentation because it's nice to read your thought process instead of LLM marketing soundbites.

re: orientation. I know it's creator's choice, but for me, it's either north or west towards the ocean. East makes me want to hold shift to rotate. :)

Thanks for making and sharing this!

juscha1 5 hours ago|
Thank you! I tried to get Fable to take a stab at writing the technicals in the original reflection post, but I really didn't like it and sought to rewrite it myself. Took a week longer, but I'm way happier with the result.

Technicals written by Fable at the end of this post: https://www.justinchavez.com/blog/isometric-sf/

dnlzro 5 hours ago||
I've been seeing a lot of these kinds of projects make the rounds on Twitter lately. Yours is just as good as the best of them, so great job making it more efficient without loss of quality!

But... I'm always disappointed when I zoom in and see that it's not actually pixel art, and it's full of the kinds of artifacts that are typical of any AI-generated imagery :(

thot_experiment 2 hours ago||
It's always heartening to see stuff like this because it really throws into stark illumination just how much AI just can't make up for a lack of taste.
Conscat 3 hours ago||
Wow, it captured the pool in my apartment complex. I love this! I was a bit disoriented by north being left.
packeted 4 hours ago||
Found my house in East Bay and it looks accurate, cool.
gojomo 4 hours ago||
Is there any way to rotate the perspective, as in Google Maps with 2-finger gestures (touchscreens) or shift-drags (mice/etc)?

(I couldn't find it, if it already exists.)

juscha1 4 hours ago|
Not at the moment. It's captured at a fixed angle.
va3ndf 3 hours ago|
This is my favorite one yet! I used to live in SoMa and this captured my apartment and the nearby Caltrain wonderfully!
More comments...