OrbitGrasp

Home Page
Main Graph
Team Dashboard
Matrix
Bundle Graph
Architecture
3D View
Tree Graph
Clusters

Inspiration

Every large codebase is a maze. Developers spend hours just trying to understand how files connect, where the risks are, and which parts are safe to change. We were inspired to build a tool that makes that invisible structure instantly visible.

What it does

OrbitGrasp is a zero setup, browser based code architecture visualizer. You enter any GitHub repository URL and instantly get:

10+ interactive graph views - Force graph, Treemap, Matrix, Sankey, 3D graph, Heatmap, and more
Architecture health scores - coupling, complexity, and structural risk detection
AI chat - ask natural language questions about your codebase using any LLM (OpenAI, Anthropic, Gemini, Ollama)
Security scanning - OSV vulnerability detection with SARIF/SBOM export
Team Dashboard - aggregate health metrics across multiple repositories
Commit timeline - browse how architecture evolved over time

How we built it

OrbitGrasp runs entirely client-side as a single HTML file - no backend, no build step, no installation. It uses React 18, D3.js v7, 3D Force Graph, Tree-sitter (WASM), and Acorn for AST based dependency extraction. The GitLab Knowledge Graph concept directly inspired our approach to mapping relationships between code entities.

Challenges we faced

The biggest challenge was making deep AST parsing work entirely in the browser using WebAssembly grammars, with graceful fallbacks when parsing fails. Keeping the entire application as a single portable HTML file while maintaining performance across repositories with thousands of files was also a significant engineering challenge.

What we learned

The structure of code, its graph of dependencies, tells you almost everything you need to know about the health, risk, and future of a project. Visualising that graph changes how developers think.