Graph Diagram
Create force-directed graph diagrams for visualising relationships and networks
You are editing a graph diagram. Graph diagrams use force-directed layout to visualise nodes and their relationships.
Common uses
Key actions
| Action | How to |
|---|---|
| Add node | Click the Add Node button or double-click empty space |
| Connect nodes | Drag from one node to another to create an edge |
| Edit node | Double-click a node to edit its label and properties |
| Style | Select nodes/edges and use the right panel to customise |
| Pin node | Right-click a node to pin it in place |
| Save | Press Ctrl+S to save changes |
Learn more
Create force-directed graph diagrams for ERD-style schema visualisation, domain modelling, and project model editing. Use D3.js-powered layouts with typed properties, constraints, per-property projections, and interactive editing. Graph-db mode graphs can also serve as the project model (model.neoarc).
Configure graph diagram nodes with typed properties, constraints, and per-property projections. Create edges with labels and style nodes with custom colours. Model nodes support search, API, and persistence projections.
Understand how D3 force simulation positions nodes automatically. Control spacing, link strength, and layout behaviour.
Create interactive force-directed graph diagrams in three authoring modes: mindmap, conceptual, and graph-db. Graph-db mode adds typed properties with 12 abstract types, 6 key roles, per-property projections, composite constraints, and Cypher DDL export. Includes 18-rule validation, version snapshots, architecture transitions, group and tag filtering, and search. Graph-db mode also serves as the editing canvas for the project model (model.neoarc).