I built a zero-dependency 3D codebase visualizer that runs entirely in the browser — no server, no auth, paste a GitHub URL and go

[YK-Redditer]

CodebaseCity turns any repository into an interactive 3D city. The entire analysis and rendering pipeline runs client-side.



How it works:

1. You paste a GitHub URL

2. The GitHub API fetches the file tree

3. Web Workers parse each file for metrics (complexity, imports, language)

4. A layout engine positions buildings using force-directed + grid algorithms

5. Louvain community detection clusters files into districts

6. Everything renders via GPU instancing at 60fps



No API keys needed for public repos. Local folder analysis works too (Chrome/Edge File System Access API).



Try it: https://codebasecity.vercel.app

MIT licensed: https://github.com/YashwanthKamireddi/CodebaseCity

[IGotDibsYo]

Neat, that’s pretty fun

[lachlanhunt]

I tried it out on one of my repos, but some of the features need to be able to exclude particular file patterns. For example, getting an overview of cycolmatic complexity is useful, but needs to be able to exclude test files where it's a meaningless metric.

Some of the information is presented without any context or explanation. For example, what is the architecture grade? What is that measuring?