Guides
Visualization
The workbench canvas is built on React Flow and supports interactive graph visualization of your model.
Canvas navigation
| Action | How |
|---|---|
| Pan | Click and drag on empty canvas |
| Zoom in/out | Scroll wheel, or pinch on trackpad |
| Fit to view | Click the fit button in the toolbar |
| Select entity type | Click a node |
| Select relationship | Click an edge |
| Multi-select | Hold Shift and click, or drag a selection box |
Keyboard shortcuts
| Shortcut | Action |
|---|---|
N | Add a new entity type |
R | Add a new relationship |
Delete / Backspace | Delete the selected entity type or relationship |
Escape | Clear selection |
? | Show keyboard shortcuts |
Moving nodes
Drag any entity type node to reposition it. Relationships follow their connected nodes automatically. You can also multi-select nodes and drag them together.
Minimap
A minimap in the bottom-right corner shows the full canvas. Click or drag within it to navigate to that area.
Search
Use the search input in the visualization controls to search for entity types and relationships by name. Results are highlighted on the canvas and the view scrolls to the match.
Display options
The visualization controls panel includes toggles to customize what is shown on the canvas:
- Inherited edges — show or hide relationships that are inherited through entity type ancestry
- Abstract types — show or hide abstract entity types
- Property badges — show property counts or names on each node
- Lock positions — prevent nodes from being accidentally moved
Export image
Click Export image in the toolbar to download a PNG or SVG of the current canvas view.