Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>FlowMapNew to Visual Studio Code? Get it now.
FlowMap

FlowMap

Missing Tools

|
1 install
| (1) | Free
Visualize your codebase as an interactive graph — files, classes, functions, and their relationships.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

FlowMap

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

Installation

Install directly from the VS Code Marketplace.

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for FlowMap
  4. Click Install

Getting Started

  1. Open a project folder in VS Code
  2. Click the FlowMap icon in the activity bar to open the panel
  3. FlowMap automatically scans and visualizes your codebase
  4. Click any node to inspect it, double-click to enter Flow Mode

Commands

Command Description
FlowMap: Open Graph View Open FlowMap panel
FlowMap: Refresh Graph Trigger a full workspace re-parse

Settings

Setting Default Description
flowmap.excludePatterns ["node_modules/**", "dist/**", ".git/**", "**/*.test.*"] Glob patterns to exclude
flowmap.updateOnSave true Re-parse on file save
flowmap.debounceMs 300 Save debounce delay (ms)
flowmap.maxFileSizeKb 500 Skip files larger than this

Supported Languages

Language Extensions
JavaScript .js, .jsx
TypeScript .ts, .tsx
Python .py
Go .go
Rust .rs

License

© FlowMap. All rights reserved.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft