Node types and colours
Each node type has a distinct colour so you can read the flow at a glance.| Node type | Colour | Handles |
|---|---|---|
| Welcome screen | Purple | Source only (no incoming edges) |
| Statement screen | Yellow | Source + target |
| Question | Blue | Source + target |
| End screen | Green | Target only (no outgoing edges) |
Connecting nodes
To draw an edge between two nodes:- Hover over the source node — the source handle appears.
- Click and drag from the handle.
- Drop onto the target node or its target handle.
Welcome nodes have no incoming handle — they can only be the start of a path.
End nodes have no outgoing handle — they always terminate the session.
Edge types
| Edge type | Colour | When used |
|---|---|---|
| Conditional | Indigo | Edge has one or more condition rules |
| Default | Gray | Edge has no conditions (unconditional) |
Entry node
The entry node is where every respondent starts. It is marked with a special indicator on the canvas. To change the entry node:- Select the node you want to use.
- In the right panel, click Set as entry.
Fallback end node
When the engine reaches a node with no matching outgoing edge, it sends the respondent to the fallback end node. To set it:- Select an End node.
- In the right panel, click Set as fallback end.
In a purely linear form (no conditional edges), the fallback end node is never
triggered — every edge is unconditional and always matches. It only matters
when you use conditional branching.
Canvas controls
| Control | Action |
|---|---|
| Scroll / pinch | Zoom in and out |
| Click + drag on empty space | Pan the canvas |
| Click a node | Select it (opens right panel) |
| Click an edge | Select it (opens edge settings in right panel) |
Delete / Backspace | Delete the selected node or edge |
| Minimap (bottom-right) | Navigate large canvases |
| Fit view button | Zoom to show all nodes |
Deleting edges
Click an edge label or arrow to select it, then pressDelete. Alternatively, open the source node in the right panel and remove the edge from the Outgoing edges list.
Next steps
Conditional branching
Add rules to edges so different respondents take different paths.
Scoring
Assign point values to answers and track a cumulative score.