The latest articles on DEV Community by ViewGit (@viewgit). https://dev.to/viewgit https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3847483%2F250250b9-4532-402a-a08c-771bbeefbfc4.png https://dev.to/viewgit en ViewGit Tue, 07 Apr 2026 19:03:32 +0000 https://dev.to/viewgit/visualize-your-git-repository-as-a-3d-city-28j0 https://dev.to/viewgit/visualize-your-git-repository-as-a-3d-city-28j0 <p>What if you could walk through your codebase like a city?</p> <p>I built ViewGit, a CLI tool that transforms any Git repository into an interactive 3D visualization. Each file becomes a building — taller buildings mean more complex code, and colors represent different programming languages.</p> <h2> How it works </h2> <p>Install ViewGit with a single command:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>curl <span class="nt">-fsSL</span> https://viewgit.com/install.sh | bash </code></pre> </div> <p>Then navigate to any Git repo and run:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>viewgit <span class="nb">.</span> </code></pre> </div> <p>That's it. ViewGit analyzes the entire repository and opens a web dashboard at <code>localhost:8880</code> with the 3D visualization and 38 other analysis modules.</p> <h2> What the 3D city tells you </h2> <ul> <li> <strong>Tall buildings</strong> = files with high complexity (cyclomatic complexity, lines of code)</li> <li> <strong>Colors</strong> = programming language (JavaScript = yellow, TypeScript = blue, etc.)</li> <li> <strong>Neighborhoods</strong> = directory structure</li> <li> <strong>Outliers</strong> = files that tower over everything else are candidates for refactoring</li> </ul> <h2> Beyond 3D: What else ViewGit shows you </h2> <p>The 3D city is just one of 39 analysis modules. You also get:</p> <ul> <li> <strong>Dashboard</strong> with commit activity, stats, and commit calendar</li> <li> <strong>Contributors</strong> analysis with bus factor and knowledge distribution</li> <li> <strong>Hotspots</strong> — files that change most often AND are most complex</li> <li> <strong>Language distribution</strong> with code vs comments ratio</li> <li> <strong>Timeline</strong> showing how the codebase evolved</li> <li> <strong>AI Chat</strong> — ask questions about your code using OpenAI, Anthropic, or Gemini</li> </ul> <h2> Try it on your repo </h2> <p>ViewGit is free to download and works on macOS, Linux, and Windows.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>curl <span class="nt">-fsSL</span> https://viewgit.com/install.sh | bash <span class="nb">cd</span> /path/to/your/repo viewgit <span class="nb">.</span> </code></pre> </div> <p>Share what your codebase city looks like in the comments!</p> <p>Website: <a href="https://viewgit.com" rel="noopener noreferrer">viewgit.com</a></p> git visualization devtools opensource