Nodes
Nodes are the building blocks of a Project Map algorithm. Each node is a shape on the canvas representing a step, decision, or annotation.
Adding a node
- Drag a node type from the left sidebar onto the canvas.
- Click a node type button in the header toolbar to place one at a random position.
Node shapes
| Shape | Usage |
|---|---|
| Block (rectangle) | Process step, action, or generic operation |
| Square | Emphasis block or sub-process marker |
| Circle | Start / End point, event trigger |
Node Info (double-click a node → Info tab)
| Field | Description |
|---|---|
| Label | Short text shown inside the node (displayed at all zoom levels) |
| Description | Longer explanation; shown in modal only |
| Links | One or more URLs attached to the node; click to open |
| Tags | Color-coded labels for grouping or filtering nodes |
| Files | Attachments stored on the server and linked to this node |
Node Appearance (double-click a node → Appearance tab)
| Setting | Options |
|---|---|
| Border color | Any color via the color picker (HEX / RGB / HSB / CSS) |
| Border opacity | 0–100 % |
| Background color | Any color via the color picker |
| Background opacity | 0–100 % |
| Shape | Block / Square / Circle — changing shape re-maps connection handles |
| Handles | Click dots on the preview to add or remove connection points |
Color picker
- Click the color swatch to open the picker.
- Drag the palette area to pick hue/saturation/brightness.
- Drag the hue bar to change hue.
- Switch between HEX, RGB, HSB, and CSS input formats.
- Previously used colors appear as swatches below the picker.
Handles (connection points)
Each node has up to 4 handles (top, right, bottom, left). In the Appearance tab preview:
- Dashed circle — empty slot; click to add a handle here.
- Filled blue dot — active handle; click to remove it (will also delete any connected lines).
At least one handle must remain active. Removing a handle with existing connections will prompt a confirmation dialog before deleting those connections.