Structurizr

Upload

workspace { !identifiers hierarchical model { s = softwareSystem "Software System" { app1 = container "Application 1" { group "shared-library.jar" { !include https://docs.structurizr.com/dsl/cookbook/shared-components/shared-library.dsl } c = component "Component" { -> loggingComponent "Writes logs using" } } app2 = container "Application 2" { group "shared-library.jar" { !include https://docs.structurizr.com/dsl/cookbook/shared-components/shared-library.dsl } c = component "Component" { -> loggingComponent "Writes logs using" } } } } views { component s.app1 { include * autolayout lr } component s.app2 { include * autoLayout lr } styles { element "Container" { background #777777 } element "Group" { colour #777777 } element "Component" { background #dddddd } element "Shared Component" { background #f9f9f9 } } } }

Structurizr DSL v4.0.0 - some features (e.g. !docs, !script, etc) are unavailable via this demo page; see DSL for details.

Examples: Big Bank plc | Microservices | Amazon Web Services

Structurizr UI

Graph

PlantUML

C4-PlantUML

Mermaid

DOT

WebSequenceDiagrams

Ilograph

PlantUML definitions are available via the Structurizr CLI export command, using the -format plantuml parameter. See StructurizrPlantUMLExporter for customisation options.

C4-PlantUML definitions are available via the Structurizr CLI export command, using the -format plantuml/c4plantuml parameter. See C4PlantUMLExporter for customisation options.

Mermaid definitions are available via the Structurizr CLI export command, using the -format mermaid parameter. Your Mermaid configuration will need to include "securityLevel": "loose" to render this definition correctly.

DOT definitions are available via the Structurizr CLI export command, using the -format dot parameter.

digraph {
  compound=true
  graph [fontname="Arial", rankdir=LR, ranksep=1.0, nodesep=1.0]
  node [fontname="Arial", shape=box, margin="0.4,0.3"]
  edge [fontname="Arial"]
  label=<<br /><font point-size="34">Software System - Application 1 - Components</font>>

  subgraph cluster_2 {
    margin=25
    label=<<font point-size="24"><br />Application 1</font><br /><font point-size="19">[Container]</font>>
    labelloc=b
    color="#444444"
    fontcolor="#444444"
    fillcolor="#444444"

    subgraph "cluster_group_shared-library.jar" {
      margin=25
      label=<<font point-size="24"><br />shared-library.jar</font>>
      labelloc=b
      color="#777777"
      fontcolor="#777777"
      fillcolor="#ffffff"
      style="dashed"

      3 [id=3,shape=rect, label=<<font point-size="34">Logging Component</font><br /><font point-size="19">[Component: Java]</font><br /><br /><font point-size="24">A wrapper around the log4j<br />framework</font>>, style=filled, color="#aeaeae", fillcolor="#f9f9f9", fontcolor="#000000"]
    }

    4 [id=4,shape=rect, label=<<font point-size="34">Component</font><br /><font point-size="19">[Component]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
  }

  4 -> 3 [id=5, label=<<font point-size="24">Writes logs using</font>>, style="dashed", color="#707070", fontcolor="#707070"]
}

digraph {
  compound=true
  graph [fontname="Arial", rankdir=LR, ranksep=1.0, nodesep=1.0]
  node [fontname="Arial", shape=box, margin="0.4,0.3"]
  edge [fontname="Arial"]
  label=<<br /><font point-size="34">Software System - Application 2 - Components</font>>

  subgraph cluster_6 {
    margin=25
    label=<<font point-size="24"><br />Application 2</font><br /><font point-size="19">[Container]</font>>
    labelloc=b
    color="#444444"
    fontcolor="#444444"
    fillcolor="#444444"

    subgraph "cluster_group_shared-library.jar" {
      margin=25
      label=<<font point-size="24"><br />shared-library.jar</font>>
      labelloc=b
      color="#777777"
      fontcolor="#777777"
      fillcolor="#ffffff"
      style="dashed"

      7 [id=7,shape=rect, label=<<font point-size="34">Logging Component</font><br /><font point-size="19">[Component: Java]</font><br /><br /><font point-size="24">A wrapper around the log4j<br />framework</font>>, style=filled, color="#aeaeae", fillcolor="#f9f9f9", fontcolor="#000000"]
    }

    8 [id=8,shape=rect, label=<<font point-size="34">Component</font><br /><font point-size="19">[Component]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
  }

  8 -> 7 [id=9, label=<<font point-size="24">Writes logs using</font>>, style="dashed", color="#707070", fontcolor="#707070"]
}

Ilograph definitions are available via the Structurizr CLI export command, using the -format ilograph parameter. A single Ilograph export contains the model and all views.

resources:
  - id: "1"
    name: "Software System"
    subtitle: "[Software System]"
    backgroundColor: "#dddddd"
    color: "#000000"

    children:
      - id: "2"
        name: "Application 1"
        subtitle: "[Container]"
        backgroundColor: "#777777"
        color: "#000000"

        children:
          - id: "3"
            name: "Logging Component"
            subtitle: "[Component: Java]"
            description: "A wrapper around the log4j framework"
            backgroundColor: "#f9f9f9"
            color: "#000000"

          - id: "4"
            name: "Component"
            subtitle: "[Component]"
            backgroundColor: "#dddddd"
            color: "#000000"

      - id: "6"
        name: "Application 2"
        subtitle: "[Container]"
        backgroundColor: "#777777"
        color: "#000000"

        children:
          - id: "7"
            name: "Logging Component"
            subtitle: "[Component: Java]"
            description: "A wrapper around the log4j framework"
            backgroundColor: "#f9f9f9"
            color: "#000000"

          - id: "8"
            name: "Component"
            subtitle: "[Component]"
            backgroundColor: "#dddddd"
            color: "#000000"

perspectives:
  - name: Static Structure
    relations:
      - from: "4"
        to: "3"
        label: "Writes logs using"
        color: "#707070"

      - from: "8"
        to: "7"
        label: "Writes logs using"
        color: "#707070"