Coflow

Code map for VS Code

See how your code runs.

A zoomable map beside your editor, from the whole system down to every line of one function, computed from the code itself.

Install from VS Code Marketplace Get it on Open VSX

Or search for benisalla.coflow in the Extensions view (Ctrl+Shift+X).

Free and open source (MIT)
Runs locally
Python today, more languages planned

The System view of a full-stack app: the React frontend, the Traefik gateway, the FastAPI backend, Postgres, Mailpit and Sentry, with labelled connections

It starts from what runs
Scripts, web routes, CLI commands, tasks and tests are the entry points, and the map follows what they reach. It is not a folder tree.
It shows what is not connected
Code that never runs, requests to routes that do not exist, and settings no code reads.
It runs on your machine
No AI, no network access and no telemetry. The same code always gives the same map.

How it works

Three views of the same project: start from what runs, step back to the system, then go down into the code.

From main
Start where the program starts: the file that runs everything. Every route, task and handler shows what triggers it, and selecting one lights the full path main → route → handler → database.
The system
Step back to the architecture: apps, gateway, services, workers, databases, queues and outside services, read from docker-compose, nginx, frontends and routes, with every connection labelled.
The code
Double-click to go inside: a block, a package, a module, a class, then one function drawn line by line as a flowchart.

Screenshots

Each screenshot follows this page’s light or dark theme, as Coflow follows VS Code’s.

The System view of a sample project — **System view.** The architecture of the project, read from its config and code: tiers, technologies, ports and labelled connections.

The From main view of a sample project — **From main.** The program as it runs, from the file that starts it, with what triggers each route and task.

Focus mode: one box selected, its connections highlighted — **Focus: how is this connected?.** Click a box: its incoming and outgoing connections light up and the rest fades.

The top level of a sample shop: frontend, backend, config, tests and the outside world, with HTTP requests and a missing route — **The code map.** The big blocks of the project and how they talk: HTTP requests, config reads, databases and remote APIs.

The validate() method as a flowchart: an if with yes and no branches, a for-each loop, and two raise statements — **Every function as a flowchart.** if and match branches, loops, try/except, return and raise, and each call with typed inputs and output.

The Coflow view in the Explorer lists entry points, five functions that never run and one missing route; apply_coupon() is faded in the editor — **Find what never runs.** Entry points, code that never runs and requests to missing routes, listed in the Explorer and faded in the editor.

Searching the map for "total": three matching functions with their files — **Search.** Find any function, class, module or route, and press Enter to go to it.

Features

System viewNew in 0.7
A system design diagram of the project: apps, gateway, services and workers, databases, caches, queues and third-party services, in tiers, with technologies, ports and labelled connections (REST · 58 endpoints, SQL · 37 tables).
Start from mainNew in 0.7
The program from its entry point: startup, middleware, routers, routes, handlers and the stores they reach, each with its trigger (HTTP verb and path, cron, queue, CLI).
Focus modeNew in 0.7
Hover or click a box to see how it is connected. The details panel lists its incoming and outgoing connections, each opening to the exact routes, tables or lines.
A zoomable code map
Double-click a box to go inside, and keep going: block, package, module, class, function. Each level shows only what is inside it.
Every function as a flowchart
The whole body of a function, line by line, in a fixed visual language where every statement has one symbol.
Replay a real run
Record a script or a test, then play it on the map with the call stack, the real argument values and the program output.
Find what never runs
Dead code, requests to missing routes and unread config keys, in the Explorer and as warnings in the editor.
View Options and drag to arrange
Choose what the map shows, then arrange boxes by hand. The layout is saved in a file you can commit with the code.

Get started in a minute

Install
Search for Coflow in the Extensions view, or install it from the VS Code Marketplace or Open VSX.
Open a project
Open a folder with Python code and trust it when VS Code asks.
Open the map
Press Ctrl+Alt+M (Cmd+Alt+M on macOS), or click the map icon in the editor title bar.
Go inside
Double-click a box to go inside it, and press Esc to go back up a level.

Install from VS Code Marketplace Get it on Open VSX

Questions

Does my code leave my machine?

No. Coflow reads your files on your computer and draws the map there. It makes no network requests, sends no telemetry, needs no account and uses no AI. See the privacy statement.

Which languages does it support?

Python today, with JSON config files. For the System view, Coflow also reads docker-compose and nginx files and spots the project's frontends. More languages are planned, JavaScript and TypeScript first.

Does it run my code?

The analysis only reads your code; it never runs it. Only Record a Run… runs the script or test you pick, with your own interpreter, which is why Coflow needs a trusted folder.

What does it cost? What is the license?

Coflow is free and open source under the MIT License. The source code is on GitHub: https://github.com/benisalla/coflow

What do I need?

VS Code 1.100 or newer and Python 3.10 or newer. The Python extension is optional: Coflow uses it only to find the interpreter you selected.

Where do I report a bug or ask for a feature?

By email. The support page says what to include so it can be fixed quickly.

What’s new

0.7.0Next release
- System view: the architecture of the project from docker-compose, nginx, frontends and routes
- From main view: exploration starts from the file that runs everything, with triggers and full paths
- Focus mode: incoming and outgoing connections of any box
0.6.021 Oct 2026
- View Options menu: choose what the map shows
- Arrange the map by hand: drag, snap, undo, and a layout file you can commit
- A new, calmer look and better organised maps
0.5.021 Oct 2026
- Renamed from Code Flow Map to Coflow (extension ID benisalla.coflow)

Full changelog on the VS Code Marketplace →

It starts from what runs

It shows what is not connected

It runs on your machine

How it works

From main

The system

The code

Screenshots

Features

System viewNew in 0.7

Start from mainNew in 0.7

Focus modeNew in 0.7

A zoomable code map

Every function as a flowchart

Replay a real run

Find what never runs

View Options and drag to arrange

Get started in a minute

Questions

What’s new