glenwrhodes

glenwrhodes / CodeLandscapeViewer

Public

Visualize any codebase as an interactive force-directed graph. Analyze Python, JS/TS, and more -- see how files, classes, endpoints, and services connect. Click any node for deep dependency chain insight.

github.comglenwrhodesCodeLandscapeViewer code-explorer code-visualization codebase-analysis d3js dependency-graph
11
1
100% credibility
Found Feb 26, 2026 at 11 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
JavaScript
AI Summary

Code Landscape Viewer analyzes local code repositories across multiple languages and renders interactive force-directed graphs visualizing relationships between code elements like files, classes, functions, endpoints, and models.

How It Works

1
🕵️ Discover the tool

You find Code Landscape Viewer, a handy app that turns any codebase into an easy-to-explore map showing how files and pieces connect.

2
💻 Get it ready

Follow a few simple steps on your computer to launch the viewer and open it in your web browser.

3
📁 Pick your project folder

Type in the folder path of the codebase you want to understand, like your app's main directory.

4
✨ Watch it analyze

Hit the analyze button and see a stunning interactive graph appear, with glowing nodes for files, classes, and connections lighting up.

5
🔍 Explore the map

Zoom around, drag nodes, search for parts, click to dive into details like what depends on what, and filter to focus on key areas.

6
💾 Save and share

Export your map as a file to save your view or share insights with teammates without handing over the code.

🎉 Master your code

You now clearly see how your entire project connects, making it easier to navigate, change, or explain to others.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 11 to 11 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is CodeLandscapeViewer?

CodeLandscapeViewer lets you visualize any codebase as an interactive force-directed graph, mapping files, classes, endpoints, models, services, and their connections across Python, JavaScript/TypeScript, and more. Point it at a local repo path via its FastAPI backend, and it renders a D3.js-powered frontend graph you can zoom, pan, drag, and filter. Click nodes for a detail panel revealing dependency chains, impact radius, and deepest paths—perfect for grasping how code fits together without manual diagramming.

Why is it gaining traction?

It stands out by detecting semantic elements like Flask endpoints or Express routes automatically, plus relationships like imports, calls, DB ops, and API hits, all in one clickable view. Save graphs as JSON to share without code access, and toggle node/edge types or search instantly. The no-build vanilla JS frontend and dark neon theme make it feel snappy and futuristic, hooking devs who want to visualize any codebase fast without heavy tools.

Who should use this?

Backend engineers refactoring Python web apps or Node services, where spotting tight-coupled endpoints saves hours. Full-stack teams onboarding to unfamiliar JS/TS repos, or indie devs auditing dependencies before merges. Architects tracing data flows in mixed-language projects needing quick, shareable overviews.

Verdict

Try it for personal or small-team code exploration—solid README, one-command setup (pip install, uvicorn), and impressive insights despite 10 stars and 1.0% credibility score. Still early; lacks remote GitHub repo support or more languages, but contributes welcome for polish.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.