# What is the Node Flow?
The Node Flow is a visual editor that represents your story as a graph. Each node corresponds to a step, and the connections represent the links between them.
Overview
The Node Flow is ideal for understanding the overall structure of your story and quickly identifying issues such as orphan steps or dead ends.
# Navigating the canvas
| Action | Mouse | Description |
|---|---|---|
| Pan the view | Left click + drag | Navigate the canvas by holding the click |
| Zoom | Scroll wheel | Adjust the zoom level to see more or fewer details |
| Select | Click on a node | Select a step to view its details |
| Context menu | Right click | Access quick actions |
# Anatomy of a node
Each node displays visual information about the step it represents:
- Type icon — Green for the starting point, red for endings
- Title — The step description
- Badges — Number of linked characters, events, and elements
- Connection points — At the top (inputs) and bottom (outputs)
# Connection color coding
- ● Purple — Standard connection between two steps
- ● Green — Connection from the starting point
- ● Orange — Conditional connection
- ● Red — Issue detected (orphan step)
# The minimap
At the bottom right of the canvas, a minimap allows you to:
- See your entire graph in miniature
- Quickly orient yourself in large stories
- Navigate by clicking directly on the minimap
- Visualize the currently displayed area
Productivity tip
Double-click on a node to directly open the editor for that step. It's the fastest way to edit content.