Flow Studio
Minimap
The minimap is a thumbnail overview of your entire workflow displayed in the bottom-right corner of the canvas. It is invaluable when working with large workflows that extend beyond the visible viewport.
What the Minimap Shows
The minimap renders a scaled-down version of the complete workflow graph. Each node appears as a coloured rectangle:
- Trigger nodes — circle shape in the minimap, orange tint
- Logic nodes — diamond shape, blue tint
- Standard nodes — rectangle, grey
- Groups — outlined rectangle, no fill
- Current viewport — a semi-transparent white rectangle showing what the main canvas currently displays
Navigating with the Minimap
The minimap is interactive:
- Click anywhere on the minimap to instantly pan the main canvas so that location is centred
- Drag the viewport rectangle on the minimap to pan the canvas smoothly
- The minimap updates in real time as nodes are moved or added
Toggling the Minimap
The minimap can be shown or hidden:
- Click the map icon in the bottom-right corner of the canvas to toggle it
- The setting persists per-session (stored in browser localStorage)
- The minimap is hidden by default on small screens (viewport width < 768px)
Minimap During Execution
During workflow execution, the minimap reflects node status colours. Completed nodes turn green, failed nodes turn red, and running nodes pulse blue. This gives you a colour-coded health overview of the entire workflow without needing to pan around the main canvas.
Performance Note
For workflows with more than 200 nodes, the minimap renders at a reduced refresh rate (every 500ms instead of every frame) to maintain canvas performance. This means there may be a brief lag between a node's status changing and the minimap reflecting it.