Embed - Private

Here is the diagram key/legend, based upon the tags and styles defined in the model.

1. Atlassian Confluence macros

Please see Atlassian Confluence for details of the pre-built macros.

2. Responsive HTML iframe embed

This allows you you embed the live software architecture diagrams using a responsive iframe embed. 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://structurizr.com/static/js/structurizr-responsive-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://structurizr.com/static/js/structurizr-responsive-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.

https://structurizr.com/share/36916/9bb891a2-327e-4222-b121-0f41d1e82f62/images/.png
https://structurizr.com/share/36916/9bb891a2-327e-4222-b121-0f41d1e82f62/images/-key.png

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 Save workspace 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.