Diagram Editor
Create architecture diagrams, ERDs, flowcharts, and network diagrams with 5,385 icons from AWS, Azure, Kubernetes, and more. Includes presentation mode with animated viewport transitions, infographic mode with 5 canvas presets, version snapshots, architecture transitions, and full auto-layout.
The diagram editor in NeoArc Studio operates in three distinct modes: standard diagrams for architecture modelling, presentation mode for animated walkthroughs, and infographic mode for fixed-canvas visual assets. All three modes share the same 5,385-icon library, shape system, and connector tooling.
Three Editor Modes
Diagram Types
Standard mode supports a broad range of architecture diagram types.
5,385 Icons
The icon library covers all major technology platforms with exact counts per category.
Presentation Mode
Build animated architecture walkthroughs directly on the diagram canvas. Each presentation consists of steps that control element visibility and camera position.
Infographic Mode
Create fixed-canvas visual assets with precise layout control.
Version Snapshots
Track diagram evolution with snapshot versioning and lifecycle tagging.
Architecture Transitions
Model multi-phase architecture changes as a sequence of named states.
Shape Types
The diagram editor includes multiple shape categories beyond icons.
Shape Notes and Linking
Every shape supports annotations and cross-references to other parts of your documentation.
Connections
Connect shapes with flexible routing options.
Search and Filtering
ERD Features
The diagram editor includes built-in ERD table shapes for freeform entity-relationship diagramming. These shapes support column definitions, key notation, crow's foot relationships, and CSV export. For production data architecture, ERD views derived from the central data model (model.neoarc) are the recommended approach, providing database profiles, entity picker, and multi-view support from a single source of truth.
Example: Project Management Schema
The following ERD shows a project management database with projects, team members, tasks, and time entries.
Loading diagram: project-management-schema.diagram.json
Auto-Layout
The editor arranges complex diagrams automatically.
Lineage Linking
Connect diagram elements to the documentation, APIs, and schemas they represent.
Theming
Apply consistent styling across all diagrams in your workspace.
Export Options
Learn the basics of creating diagrams in NeoArc Studio. Add shapes, connect them, and arrange your diagram for clarity.
Complete reference for the diagram editor including 55+ shape types, connection system, 5,385+ icons, ERD tables, swimlanes, and auto-layout.
Complete reference for 5,385+ icons from Azure (705), AWS (309), Kubernetes (39), Lucide (734), Brand and Tech (3,372), and custom icons.
Let NeoArc Studio automatically arrange your diagrams. Choose from multiple layout algorithms optimised for different diagram types.
Apply 11 visual effects to shapes in infographic mode: drop shadow, inner shadow, outer glow, inner glow, Gaussian blur, motion blur, colour overlay, noise, outline, emboss, and colour adjustments. Combine effects with 16 blend modes for professional visual styling.