Diagram Editor Reference
Complete reference for the diagram editor including shape types, connection system, icons, ERD tables, swimlanes, and auto-layout.
The diagram editor is NeoArc Studio's primary visual design tool. It provides a full-featured SVG-based diagramming system with ERD support, swimlanes, auto-layout, and complete styling options.
Reference Topics
| Topic | Coverage |
|---|---|
| Shapes | shape types including process shapes, containers, and media |
| Connections | Path types, line styles, and line endings including crow's foot notation |
| Icons | icons from AWS, Azure, Kubernetes, Lucide, and more |
| ERD Tables | Entity-relationship tables with columns, keys, and relationships |
| Swimlanes | Multi-lane containers for process and responsibility diagrams |
| Auto-Layout | Automatic diagram arrangement using ELK.js algorithms |
| Styling | Colours, borders, fonts, and theming |
Key Features
Shape Categories
Related Documentation
Create architecture diagrams, ERDs, flowcharts, and network diagrams with icon libraries from Azure, AWS, Kubernetes, CNCF, Lucide and brand collections. Includes presentation mode with animated viewport transitions, infographic mode with canvas presets, version snapshots, architecture transitions, and full auto-layout.
Learn the basics of creating diagrams in NeoArc Studio. Add shapes, connect them, and arrange your diagram for clarity.
Step-by-step guide to creating architecture diagrams with shapes, connections, icons, and styling in NeoArc Studio.