Embed - Private
This is a model of my software system.
Here is the diagram key/legend, based upon the tags and styles defined in the workspace, and the theme(s) in use.
Embedding diagrams
1. Atlassian Confluence macros
Please see Atlassian Confluence for details of the pre-built macros.
2. Responsive HTML iframe embed
This allows you to embed the live software architecture diagrams using a responsive iframe. See iframe embed for more details.
<iframe id="myEmbeddedDiagram" src="https://structurizr.com/embed/36916?diagram=&diagramSelector=false&iframe=myEmbeddedDiagram" width="100%" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" allowfullscreen="true"></iframe>
<script type="text/javascript" src="https://static.structurizr.com/js/structurizr-embed.js"></script><iframe id="myEmbeddedDiagram" src="https://structurizr.com/embed/36916/9bb891a2-327e-4222-b121-0f41d1e82f62?&diagram=&diagramSelector=false&iframe=myEmbeddedDiagram" width="100%" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" allowfullscreen="true"></iframe>
<script type="text/javascript" src="https://static.structurizr.com/js/structurizr-embed.js"></script>3. Static PNG image embed
This allows you to embed a static image using a regular image tag in HTML, Markdown, AsciiDoc, etc. See Image embed for more details.
Diagram editor
This is the diagram editor, where you can view all of the diagrams that exist in the workspace, and modify the layout of those diagrams. When you're finished, click to save the diagram layout.
Elements
To organise elements on the diagram canvas, you can either drag them around or
use the various toolbar buttons to align and distribute the elements.
To select multiple elements, hold the Alt or Shift key while clicking an element.
See Diagram editor and Keyboard shortcuts for more information.
- Undo.
- Align selected elements left, centre or right.
- Align selected elements top, middle or bottom.
- Distribute selected elements horizontally or vertically.
Relationships
By default, all relationships are rendered as straight lines. You can introduce vertices into a line by clicking it.
With the mouse pointer hovering over a line, you can use the Up and Down cursor keys to move the label between the start and end of the line.
The r key can be used to change the routing algorithm used to render the line too.
See Diagram editor for more information.
Navigation
To switch between diagrams, you can either use the diagram selector dropdown control at the top of the page, or use the
Left and Right cursor keys when no elements are selected.
If elements have a + or # symbol on them, you can double-click the element to navigate to another diagram, or an arbitrary URL.
See Diagram navigation for more information.
Please note
View not found
Warnings
Export
Create review
Select the diagram(s) that you would like to include in the review. See Help - Diagram review for more details.
Auto-layout
Relationship
Relationship
Perspectives
The perspectives included in the software architecture model are listed below. Viewing a diagram with a particular perspective will highlight all elements and relationships that have content for that perspective. See Help - Diagrams - Perspectives for more details.
Client-side encrypted workspace
The workspace "" has been client-side encrypted, please enter the passphrase to decrypt it.
Upgrade?
If you find Structurizr useful, please consider upgrading to a paid subscription for access to the full feature set and priority support. See the pricing page for details.
Visualise
Create software architecture diagrams based upon the C4 model. Diagrams are interactive, animatable, and embeddable.
Document
Publish supplementary documentation using Markdown or AsciiDoc, all navigable and full-text searchable.
Record
Publish architecture decision records (ADRs) to capture your significant design decisions, all full-text searchable.
Explore
Explore your software architecture model from a number of perspectives, to get insight into the structure of your software.
