Home / Architecture flow diagram generator
Architecture flow diagram generator

Architecture circulation diagrams that stay editable

A circulation diagram shows how people, vehicles, services and landscape movement pass through a project. Use Flow to draw clear routes, hierarchy and direction, tied to the real street network of your site from OpenStreetMap, without rebuilding arrows and path styles every time.

People + vehiclesEditable pathsFast styling
Architecture circulation and flow diagram generated in MapToNap
What it helps you do

A faster architecture diagram workflow

Multiple movement systems

Separate pedestrian, vehicle, service, emergency and landscape circulation in one coordinated drawing.

Clear directional language

Use arrows, path weights, soft points and graphic presets to make hierarchy readable at board scale.

Works with a base image

Build the diagram over a plan, site image or project base rather than drawing in isolation.

New · City flows

The circulation of the whole map, drawn from real street data

People, vehicles, bikes, fire access, loops

Main roads and secondary streets, pedestrian streets, mapped cycle tracks and stations come straight from OpenStreetMap. On your plot it adds the fire access and a one-way loop.

A network, not loose arrows

Every line starts and ends at the frame or on another line, and every line carries arrows. Nothing dangles, nothing runs on top of another line, and the site is marked with a light dashed boundary.

Straight or curved, fine to bold, every line editable

Pick straight runs or flowing curves, three line weights and the layers you need. Click any line to move or delete it, then export PNG or SVG. It is step 04 of the one-click Site → Design set (Max).

Draw city flows on your site →

How it works

From input to editable output in three steps

Load the base

Bring in the plan or site context you want to explain.

Draw flows

Trace the important movement systems and assign their type or hierarchy.

Tune the graphic

Adjust size, softness, labels and colour, then export the final diagram.

Frequently asked questions

Clear answers before you start

What is an architecture circulation diagram?

It is a graphic that shows movement through a site or building, often separating users, vehicles, services and emergency access.

Can I show multiple flow types?

Yes. The tool is designed for several circulation systems in the same project.

Can I edit paths later?

Yes. Routes remain editable rather than becoming a flattened generated image.

Is the output suitable for a portfolio?

Yes. The presets and exports are intended for architecture boards and portfolios.

Related tools

Continue the same architecture workflow