Working with the Canvas

Learn how to navigate, zoom, and organize your workflow on the canvas.

Overview

The canvas is the visual surface in the workflow designer where you build a workflow by placing nodes and wiring them together. It supports pan, zoom, drag-to-move, keyboard shortcuts, and a minimap for orientation on large graphs.

A clean canvas is easier to maintain. Spojit lays out nodes left to right by default, but the canvas is freeform - how you arrange branches, label nodes, and group related work directly affects how readable the workflow stays as it grows.

Navigation

Pan - click and drag the background to move around.
Zoom - scroll with the mouse wheel, or use the + and - buttons in the bottom toolbar.
Minimap - the overview map in the corner shows the full workflow and your current viewport.

Organising Nodes

Lay nodes out left to right in execution order.
Use vertical space to separate branches from a Parallel or Condition node.
Drag nodes to reposition them - connections follow automatically.
Rename nodes with meaningful labels so other people (and future you) can read the workflow at a glance.

Keyboard Shortcuts

Action	Shortcut
Delete selected	Delete / Backspace
Undo	Ctrl+Z
Redo	Ctrl+Shift+Z

Tips

Use the minimap to keep your bearings when building large workflows.
Rename nodes from the default ("Action 1", "Condition 2") to something descriptive. It improves logs as well as the canvas.
Save frequently from the toolbar button - the canvas only commits to the executable definition on save.

Common Pitfalls

Stray nodes left disconnected on the canvas do not run, but they clutter logs and reviews. Delete what you are not using.
Crossed connection lines make Condition and Parallel branches hard to follow. Reposition nodes vertically to keep wires clean.
Unsaved canvas changes are lost on navigation. Watch for the unsaved indicator before leaving the page.

Learn More

Canvas basics documentation