Visual Features and Layers
Advanced visual features including semantic zoom, depth colouring, validation overlay, and contextual hints for improved graph understanding.
Graph diagrams include several visual features that help you understand and navigate complex graphs. These features adapt automatically to your zoom level and can be toggled on demand.
Semantic Zoom
As you zoom out to see more of your graph, NeoArc automatically simplifies the rendering to keep the view clear:
Derived Visual Layers
Toggle additional visual layers to understand graph structure at a glance. These layers are non-authoritative and do not change your data.
Depth Colouring
Press D or click the layers button to enable depth colouring. Nodes are coloured based on their distance from root nodes:
Validation Overlay
Press V or click the warning triangle button to highlight nodes with validation issues. Nodes with errors or warnings are shown in red. Click on a validation badge to see the specific issues for that node.
Validation Indicators
Even without the validation overlay enabled, nodes with issues show small badges in the corner:
Contextual Hints
A hint bar at the bottom of the editor provides context-sensitive tips:
| Context | Hint Content |
|---|---|
| Node selected | Available keyboard shortcuts for that context |
| Zoomed out | Explains why labels are hidden |
| Visual layers active | Explains what the colours mean |
| Design mode | Explains the current layout mode |
Pin Indicators
Keyboard Shortcuts
| Key | Action |
|---|---|
| D | Toggle depth colouring |
| V | Toggle validation overlay |
| P | Toggle pin on selected node(s) |
| R | Relax layout (unpin all) |