Structurizr

Upload

workspace "Name" "Description" { !identifiers hierarchical model { u = person "User" ss = softwareSystem "Software System" { wa = container "Web Application" db = container "Database Schema" { tags "Database" } } u -> ss.wa "Uses" ss.wa -> ss.db "Reads from and writes to" } views { systemContext ss "Diagram1" { include * autolayout lr } container ss "Diagram2" { include * autolayout lr } styles { element "Element" { color #f8289c stroke #f8289c strokeWidth 7 shape roundedbox } element "Boundary" { strokeWidth 5 } element "Person" { shape person } element "Database" { shape cylinder } relationship "Relationship" { thickness 4 } } } configuration { scope softwaresystem } }

Structurizr DSL v4.1.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 - System Context</font>>

  1 [id=1,shape=rect, label=<<font point-size="34">User</font><br /><font point-size="19">[Person]</font>>, style=filled, color="#f8289c", fillcolor="#dddddd", fontcolor="#f8289c"]
  2 [id=2,shape=rect, label=<<font point-size="34">Software System</font><br /><font point-size="19">[Software System]</font>>, style=filled, color="#f8289c", fillcolor="#dddddd", fontcolor="#f8289c"]

  1 -> 2 [id=6, label=<<font point-size="24">Uses</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 - Containers</font>>

  1 [id=1,shape=rect, label=<<font point-size="34">User</font><br /><font point-size="19">[Person]</font>>, style=filled, color="#f8289c", fillcolor="#dddddd", fontcolor="#f8289c"]

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

    3 [id=3,shape=rect, label=<<font point-size="34">Web Application</font><br /><font point-size="19">[Container]</font>>, style=filled, color="#f8289c", fillcolor="#dddddd", fontcolor="#f8289c"]
    4 [id=4,shape=cylinder, label=<<font point-size="34">Database Schema</font><br /><font point-size="19">[Container]</font>>, style=filled, color="#f8289c", fillcolor="#dddddd", fontcolor="#f8289c"]
  }

  1 -> 3 [id=5, label=<<font point-size="24">Uses</font>>, style="dashed", color="#707070", fontcolor="#707070"]
  3 -> 4 [id=7, label=<<font point-size="24">Reads from and writes to</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: "User"
    subtitle: "[Person]"
    backgroundColor: "#dddddd"
    color: "#f8289c"

  - id: "2"
    name: "Software System"
    subtitle: "[Software System]"
    backgroundColor: "#dddddd"
    color: "#f8289c"

    children:
      - id: "3"
        name: "Web Application"
        subtitle: "[Container]"
        backgroundColor: "#dddddd"
        color: "#f8289c"

      - id: "4"
        name: "Database Schema"
        subtitle: "[Container]"
        backgroundColor: "#dddddd"
        color: "#f8289c"

perspectives:
  - name: Static Structure
    relations:
      - from: "1"
        to: "2"
        label: "Uses"
        color: "#707070"

      - from: "1"
        to: "3"
        label: "Uses"
        color: "#707070"

      - from: "3"
        to: "4"
        label: "Reads from and writes to"
        color: "#707070"