Embed - Private

Here is the diagram key/legend, based upon the tags and styles defined in the workspace, and the theme(s) in use.

The code below allows you to embed your diagram(s) using a responsive iframe. See iframe embed for more details, or Atlassian Confluence for details of the pre-built macros.

<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>

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 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 on the left of the page, the quick navigation feature (press Space), 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.

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.

The tags included in the software architecture model are listed below. Viewing a diagram with one or more tags selected will highlight all elements and relationships with those tags.