3D visualization
WebGL 3D visualization with 10 layout algorithms
Visual code intelligence

Mind maps, 3D graphs, component relationships

See code as interactive mind maps and 3D visualizations. Click components to explore relationships, docs, and context.

Multiple visualization types

10 layout algorithms, mind maps, context views

Focus mode
Focus mode

10 3D layouts

Force-directed, hierarchical, radial, dependency, inheritance, flow, tree, circular, grid, network. Filter by relationship or node type.

Interactive navigation

Click nodes to drill down. Pan, zoom, rotate. Hover for tooltips. Double-click to focus. Right-click for context menu.

Mind map
React Flow mind map
Component explore overview
Component explore overview with tabs

Context bundles

See everything about a component: source code, who calls it, what it imports, linked docs, applicable rules.

Relationship filtering

Toggle relationship types on/off. Show only imports, only calls, only inheritance. Simplify complex graphs instantly.

Components view
Components tab showing all related components
Relationships
Relationships tab with grouped relationship types

Hybrid search

Semantic search via embeddings + structural search via AST. Filter by language, component type, file path.

Multi-file context

View multiple files simultaneously. Compare implementations. Track changes across related components.

Hybrid search
Hybrid search results
Architecture view
Architecture diagram view

Linked documentation

Architecture notes, Mermaid diagrams, and Excalidraw sketches linked to code appear automatically in context views.

Graph visualization

Interactive Mermaid graph view with direct and full relationship modes. Toggle depth to show immediate dependencies or entire context.

Graph direct relationships
Graph view - direct relationships only
Graph all relationships
Graph view - all relationships

Component details

Dockable panel showing source code, relationships, metadata. Navigate between connected components.

File overview
File overview
Source view
Source code view

Symbol navigation

Jump between classes, functions, interfaces. See all symbols in a file. Click to view implementation.

Next: Documentation layer

Link architecture notes, Mermaid diagrams, and Excalidraw sketches directly to code.