Graph Diagrams
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).
Graph diagrams visualise relationships between concepts using nodes and edges. Unlike traditional diagrams where you manually position every element, graph diagrams use force-directed physics to arrange nodes automatically. Related nodes cluster together naturally, revealing structure without manual layout work.
Dual Purpose: Standalone Diagrams and Project Model
Graph diagrams serve two purposes. As standalone files (.graph-diagram.json), they model graph databases, domain relationships, and dependencies. In graph-db mode, the same editor also serves as the editing canvas for the project model (model.neoarc), which is the single source of truth for your project's data architecture.
Three Authoring Modes
Graph diagrams support three authoring modes, each with different spacing, validation, and property behaviour. Choose the mode that matches your modelling intent.
Graph-DB Mode
Graph-db mode turns graph diagrams into functional data models with typed properties, constraints, and export capabilities.
Validation
Graph-db mode enforces 18 validation rules (10 core rules plus 8 search-specific rules) to maintain model quality. Conceptual mode runs a subset of the core rules. Mindmap mode runs none.
Use Cases
Example: E-Commerce Data Model
Example: Microservices Dependencies
Example: Insurance Domain Model
Version History and Transitions
Graph diagrams support the same versioning and transition system as standard diagrams.
Search, Group, and Tag Filtering
Links Mode
Graph links are a variant of graph diagrams where each node links to a page or external URL. Nodes become navigation targets rather than data model entities.
Force-Directed Layout
Graph diagrams use physics simulation to position nodes. Each authoring mode applies different simulation parameters.
Creating Graph Diagrams
Colour Coding
Use consistent colours to distinguish node types.
Additional Features
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.