Graph Diagram Block
Create force-directed graph diagrams for visualising entity relationships, domain models, and service dependencies. D3-powered visualisation with interactive node properties.
Graph diagrams use D3.js force simulation to create dynamic, interactive visualisations of entity relationships. Each node can contain properties with data types and constraints, making them ideal for domain models, ERD-style schemas, and service architecture documentation.
When to Use
Block Properties
Node Properties
Each node in a graph diagram can contain properties that describe its attributes.
Edge Labels and Cardinality
Example: E-Commerce Domain Model
This diagram shows core entities and relationships for an e-commerce platform. Select a node to view its properties in the right panel.
Example: Microservice Architecture
Graph diagrams work well for showing service dependencies with their configuration properties.