What is a C4 Diagram Set?
A C4 Diagram Set in Nodinite is a grouped architecture package that keeps related diagrams together so users can move from a high-level business view to technical details without losing context.
- ✅ Understand architecture from one entry point instead of many disconnected files
- ✅ Filter by Diagram Level, State Filter, and Tags Filter to find the right set faster
- ✅ Open the same set in Mapify or Mermaid based on your audience and purpose
- ✅ Keep architecture discoverable for business users, operators, and architects
Why Diagram Sets Matter
A Diagram Set solves a practical challenge: teams need one architecture story that works for both business users and technical implementers.
| User need | What the Diagram Set provides |
|---|---|
| Fast understanding for stakeholders | A clear overview card and lightweight actions |
| Consistent architecture navigation | One set holding multiple related diagrams |
| Better search and discovery | Diagram Level, State Filter, and Tags Filter |
| Flexible consumption mode | View in Mapify or View in Mermaid |

Example of the C4 Diagram Set overview where users browse available sets in the Repository.
Filtering and Discovery
Use the built-in filters to reduce noise in larger environments.

Example of filtering C4 Diagram Sets by Diagram Level to focus on the right architecture depth.

Example of using State Filter to focus on active, draft, or archived C4 Diagram Sets.

Example of applying Tags Filter to discover C4 Diagram Sets by domain or ownership tags.
Quick Actions on Hover
When you hover over entries in the list, Nodinite surfaces useful actions without opening the editor first.

Example of hover behavior on C4 Diagram Set entries to reveal available actions faster.
View Modes for Different Audiences
Use the same set in two ways:
- View in Mapify for interactive exploration and relationship navigation.
- View in Mermaid for static rendering, documentation, and sharing.

Example of opening a selected C4 Diagram Set in Mapify for interactive exploration.

Example of opening a selected C4 Diagram Set in Mermaid for static architecture rendering.