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="./embed/1?diagram=&diagramSelector=false&iframe=myEmbeddedDiagram" width="100%" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" allowfullscreen="true"></iframe>

<script src="/js/structurizr-embed.js"></script>

<form id="myEmbeddedDiagramForm" target="myEmbeddedDiagram" method="post" action="./embed/1" style="display: none;">
    <input name="apiKey" value="e11e8cb9-ebd3-4755-b187-fd2835c13a1d"/>
    <input name="diagram" value="" />
    <input name="diagramSelector" value="false" />
    <input name="iframe" value="myEmbeddedDiagram" />
</form>

<iframe id="myEmbeddedDiagram" name="myEmbeddedDiagram" width="100%" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" allowfullscreen="true"></iframe>

<script type="text/javascript">
    document.getElementById('myEmbeddedDiagramForm').submit();
</script>

<script src="/js/structurizr-embed.js"></script>

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.