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 model.
Embedding diagrams
Atlassian Confluence macros
Please see Atlassian Confluence for details of the pre-built macros.
Responsive iframe embed
This allows you you embed the live software architecture diagrams using a responsive iframe embed, which will automatically resize the diagram based upon the size of the containing element. See iframe embed for more details.
<iframe id="myEmbeddedDiagram" src="https://www.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://www.structurizr.com/static/js/structurizr-responsive-embed.js"></script>Responsive iframe embed
This allows you you embed the live software architecture diagrams using a responsive iframe embed, which will automatically resize the diagram based upon the size of the containing element. See iframe embed for more details.
<iframe id="myEmbeddedDiagram" src="https://www.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://www.structurizr.com/static/js/structurizr-responsive-embed.js"></script>Static 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.
https://www.structurizr.com/share/36916/9bb891a2-327e-4222-b121-0f41d1e82f62/images/.png
https://www.structurizr.com/share/36916/9bb891a2-327e-4222-b121-0f41d1e82f62/images/-key.pngDiagram 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 layout 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 and dragging 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 layout 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
Warnings
Export to PNG
Export your diagram(s) as 300dpi PNG files, suitable for including in documentation, presentations, etc.
Diagrams
File name
Diagram
Client-side encrypted workspace
The workspace "" has been client-side encrypted, please enter the passphrase to decrypt it.