FlowMap is a VS Code extension that visualizes your codebase as an interactive, navigable graph — mapping files, classes, functions, API endpoints, database calls, and external services and the relationships between them.
Features
Automatic parsing of JavaScript, TypeScript, Python, Go, and Rust
Interactive graph powered by React Flow with ELK auto-layout
Multiple view modes: Service Map (full project) and Flow Mode (focused on a single node and its neighbours at 1/2/3-hop depth)
Color-coded edges by relationship type (imports, calls, inheritance, HTTP methods, DB queries)
Live updates: graph refreshes automatically on file save (debounced)
Detail panel: click any node to inspect its metadata, file location, and connections
Search and filter by node type and edge type
Secondary sidebar panel: opens on the right side of VS Code, like GitHub Copilot Chat
Editor title button: FlowMap icon in the top-right for quick access
Theme-aware dark UI that respects VS Code color variables