Diagram Block
Embed architecture diagrams created in NeoArc's diagram editor. Display ERD, swimlanes, process flows, and cloud architecture diagrams directly in your documentation.
Diagram blocks embed diagrams created in NeoArc's diagram editor directly into your documentation pages. Unlike static images, these diagrams are interactive, version-controlled, and automatically styled to match your theme.
When to Use
Block Properties
| Property | Required | Description |
|---|---|---|
| Diagram Path | Yes | Path to the .diagram.json file |
| Title | No | Optional title displayed above the diagram |
Diagram Types
Diagram Editor Features
| Feature | Description |
|---|---|
| Cloud Icons | Icon libraries from AWS, Azure, GCP, Kubernetes, and more |
| Shape Types | Rectangle, circle, diamond, hexagon, and additional shapes |
| Auto-layout | ELK.js powered automatic diagram arrangement |
| ERD Navigation | Click tables to navigate in large diagrams |
| Built-in Linting | Validate foreign keys and relationships |
| Export Options | PNG, SVG, and PDF export for presentations |
Linked Presentation Discovery
Diagram blocks automatically discover sibling presentation files and display them in a linked presentations bar below the diagram viewer.
Diagram vs Image Blocks
| Capability | Diagram Block | Image Block |
|---|---|---|
| Version Control | Full Git history | Image file only |
| Interactive | Navigation, zoom, pan | Static display |
| Theme Matching | Automatic | Manual |
| Updates | Edit directly | Re-export and replace |
| Validation | Built-in linting | None |