Structurizr

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 Software System - Web Application - Components

left to right direction

skinparam {
  arrowFontSize 10
  defaultTextAlignment center
  wrapWidth 200
  maxMessageSize 100
}

hide stereotype

skinparam rectangle<<SoftwareSystem.WebApplication.Component1>> {
  BackgroundColor #dddddd
  FontColor #000000
  BorderColor #9a9a9a
  shadowing false
}
skinparam rectangle<<SoftwareSystem.WebApplication.Component2>> {
  BackgroundColor #dddddd
  FontColor #000000
  BorderColor #9a9a9a
  shadowing false
}
skinparam rectangle<<SoftwareSystem.Database>> {
  BackgroundColor #dddddd
  FontColor #000000
  BorderColor #9a9a9a
  shadowing false
}
skinparam rectangle<<User>> {
  BackgroundColor #dddddd
  FontColor #000000
  BorderColor #9a9a9a
  shadowing false
}
skinparam rectangle<<SoftwareSystem.WebApplication>> {
  BorderColor #9a9a9a
  FontColor #9a9a9a
  shadowing false
}

rectangle "==User\n<size:10>[Person]</size>" <<User>> as User
rectangle "==Database\n<size:10>[Container]</size>" <<SoftwareSystem.Database>> as SoftwareSystem.Database

rectangle "Web Application\n<size:10>[Container]</size>" <<SoftwareSystem.WebApplication>> {
  rectangle "==Component 1\n<size:10>[Component]</size>" <<SoftwareSystem.WebApplication.Component1>> as SoftwareSystem.WebApplication.Component1
  rectangle "==Component 2\n<size:10>[Component]</size>" <<SoftwareSystem.WebApplication.Component2>> as SoftwareSystem.WebApplication.Component2
}

SoftwareSystem.WebApplication.Component1 .[#707070,thickness=2].> SoftwareSystem.WebApplication.Component2 : "<color:#707070>Uses"
SoftwareSystem.WebApplication.Component2 .[#707070,thickness=2].> SoftwareSystem.Database : "<color:#707070>Reads from and writes to"
User .[#707070,thickness=2].> SoftwareSystem.WebApplication.Component1 : "<color:#707070>Uses"
@enduml

(this will send your diagram content to https://plantuml.com/plantuml)

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.

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">Software System - Web Application - Components</font>>

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

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

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

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

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

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

      - id: "6"
        name: "Database"
        subtitle: "[Container]"
        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: "6"
        label: "Reads from and writes to"
        color: "#707070"

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

      - from: "4"
        to: "5"
        label: "Uses"
        color: "#707070"

      - from: "5"
        to: "6"
        label: "Reads from and writes to"
        color: "#707070"