Loading diagram
Preparing your visualization...
{{ errorMessage() }}
This component is waiting for a diagram definition. Provide a Mermaid diagram definition using the
definition
input to see your diagram come to life.
{{ subTitle() }}
Interactive diagram. Use tab to navigate through elements, or enable screen reader mode for full description.
Diagram type: {{ detectDiagramType(definition()) || 'unknown' }}
Contains interactive elements. Click on elements for more information.
Diagram Controls:
Ctrl+Scroll Zoom
+/- Zoom buttons
Drag Pan around
Expand Full view
| Element Type | Description | Connections |
|---|---|---|
| Diagram | {{ detectDiagramType(definition()) || 'Interactive diagram' }} | Click elements for interactions |