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

@startuml
set separator none
title Deployment - Development

left to right direction

skinparam {
  arrowFontSize 10
  defaultTextAlignment center
  wrapWidth 200
  maxMessageSize 100
}

hide stereotype

skinparam rectangle<<Development.DeveloperLaptop.MySQL.Database_1>> {
  BackgroundColor #dddddd
  FontColor #000000
  BorderColor #9a9a9a
  shadowing false
}
skinparam rectangle<<Development.DeveloperLaptop>> {
  BackgroundColor #ffffff
  FontColor #000000
  BorderColor #888888
  shadowing false
}
skinparam rectangle<<Development.DeveloperLaptop.MySQL>> {
  BackgroundColor #ffffff
  FontColor #000000
  BorderColor #888888
  shadowing false
}
skinparam rectangle<<Development.DeveloperLaptop.WebApplication_1>> {
  BackgroundColor #dddddd
  FontColor #000000
  BorderColor #9a9a9a
  shadowing false
}

rectangle "Developer Laptop\n<size:10>[Deployment Node]</size>" <<Development.DeveloperLaptop>> as Development.DeveloperLaptop {
  rectangle "MySQL\n<size:10>[Deployment Node]</size>" <<Development.DeveloperLaptop.MySQL>> as Development.DeveloperLaptop.MySQL {
    rectangle "==Database\n<size:10>[Container: Relational database schema]</size>" <<Development.DeveloperLaptop.MySQL.Database_1>> as Development.DeveloperLaptop.MySQL.Database_1
  }

  rectangle "==Web Application\n<size:10>[Container: Spring Boot]</size>" <<Development.DeveloperLaptop.WebApplication_1>> as Development.DeveloperLaptop.WebApplication_1
}

Development.DeveloperLaptop.WebApplication_1 .[#707070,thickness=2].> Development.DeveloperLaptop.MySQL.Database_1 : "<color:#707070>Reads from and writes to"
@enduml

@startuml
set separator none

skinparam {
  shadowing false
  arrowFontSize 15
  defaultTextAlignment center
  wrapWidth 100
  maxMessageSize 100
}
hide stereotype

skinparam rectangle<<_transparent>> {
  BorderColor transparent
  BackgroundColor transparent
  FontColor transparent
}

skinparam rectangle<<1>> {
  BackgroundColor #dddddd
  FontColor #000000
  BorderColor #9a9a9a
}
rectangle "==Element" <<1>>

rectangle "." <<_transparent>> as 2
2 .[#707070,thickness=2].> 2 : "<color:#707070>Relationship"


@enduml

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

@startuml
set separator none
title Deployment - Development

left to right direction

!include <C4/C4>
!include <C4/C4_Context>
!include <C4/C4_Container>
!include <C4/C4_Deployment>

Deployment_Node(Development.DeveloperLaptop, "Developer Laptop", $type="", $descr="", $tags="", $link="") {
  Deployment_Node(Development.DeveloperLaptop.MySQL, "MySQL", $type="", $descr="", $tags="", $link="") {
    Container(Development.DeveloperLaptop.MySQL.Database_1, "Database", $techn="Relational database schema", $descr="", $tags="", $link="")
  }

  Container(Development.DeveloperLaptop.WebApplication_1, "Web Application", $techn="Spring Boot", $descr="", $tags="", $link="")
}

Rel(Development.DeveloperLaptop.WebApplication_1, Development.DeveloperLaptop.MySQL.Database_1, "Reads from and writes to", $techn="", $tags="", $link="")

SHOW_LEGEND(true)
@enduml

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.

graph LR
  linkStyle default fill:#ffffff

  subgraph diagram ["Deployment - Development"]
    style diagram fill:#ffffff,stroke:#ffffff

    subgraph 8 [Developer Laptop]
      style 8 fill:#ffffff,stroke:#888888,color:#000000

      subgraph 10 [MySQL]
        style 10 fill:#ffffff,stroke:#888888,color:#000000

        11["<div style='font-weight: bold'>Database</div><div style='font-size: 70%; margin-top: 0px'>[Container: Relational database schema]</div>"]
        style 11 fill:#dddddd,stroke:#9a9a9a,color:#000000
      end

      9["<div style='font-weight: bold'>Web Application</div><div style='font-size: 70%; margin-top: 0px'>[Container: Spring Boot]</div>"]
      style 9 fill:#dddddd,stroke:#9a9a9a,color:#000000
    end

    9-. "<div>Reads from and writes to</div><div style='font-size: 70%'></div>" .->11
  end

WebSequenceDiagram definitions are available via the Structurizr CLI export command, using the -format websequencediagrams parameter. Only dynamic views are supported.

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">Deployment - Development</font>>

  subgraph cluster_8 {
    margin=25
    label=<<font point-size="24">Developer Laptop</font><br /><font point-size="19">[Deployment Node]</font>>
    labelloc=b
    color="#888888"
    fontcolor="#000000"
    fillcolor="#ffffff"

    subgraph cluster_10 {
      margin=25
      label=<<font point-size="24">MySQL</font><br /><font point-size="19">[Deployment Node]</font>>
      labelloc=b
      color="#888888"
      fontcolor="#000000"
      fillcolor="#ffffff"

      11 [id=11,shape=rect, label=<<font point-size="34">Database</font><br /><font point-size="19">[Container: Relational database schema]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
    }

    9 [id=9,shape=rect, label=<<font point-size="34">Web Application</font><br /><font point-size="19">[Container: Spring Boot]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
  }

  9 -> 11 [id=12, 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: "#000000"

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

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

      - id: "4"
        name: "Database"
        subtitle: "[Container: Relational database schema]"
        backgroundColor: "#dddddd"
        color: "#000000"

  - id: "8"
    name: "Developer Laptop"
    subtitle: "[Deployment Node]"
    backgroundColor: "#ffffff"
    color: "#000000"

    children:
      - id: "10"
        name: "MySQL"
        subtitle: "[Deployment Node]"
        backgroundColor: "#ffffff"
        color: "#000000"

        children:
          - id: "11"
            name: "Database"
            subtitle: "[Container: Relational database schema]"
            backgroundColor: "#dddddd"
            color: "#000000"

      - id: "9"
        name: "Web Application"
        subtitle: "[Container: Spring Boot]"
        backgroundColor: "#dddddd"
        color: "#000000"

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"

  - name: Deployment - Development
    relations:
      - from: "9"
        to: "11"
        label: "Reads from and writes to"
        color: "#707070"