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 Dynamic

top to bottom direction

skinparam {
  arrowFontSize 10
  defaultTextAlignment center
  wrapWidth 200
  maxMessageSize 100
}

hide stereotype

skinparam rectangle<<A>> {
  BackgroundColor #dddddd
  FontColor #000000
  BorderColor #9a9a9a
  shadowing false
}
skinparam rectangle<<B>> {
  BackgroundColor #dddddd
  FontColor #000000
  BorderColor #9a9a9a
  shadowing false
}
skinparam rectangle<<C>> {
  BackgroundColor #dddddd
  FontColor #000000
  BorderColor #9a9a9a
  shadowing false
}
skinparam rectangle<<D>> {
  BackgroundColor #dddddd
  FontColor #000000
  BorderColor #9a9a9a
  shadowing false
}
skinparam rectangle<<E>> {
  BackgroundColor #dddddd
  FontColor #000000
  BorderColor #9a9a9a
  shadowing false
}

rectangle "==A\n<size:10>[Software System]</size>" <<A>> as A
rectangle "==B\n<size:10>[Software System]</size>" <<B>> as B
rectangle "==C\n<size:10>[Software System]</size>" <<C>> as C
rectangle "==D\n<size:10>[Software System]</size>" <<D>> as D
rectangle "==E\n<size:10>[Software System]</size>" <<E>> as E
A .[#707070,thickness=2].> B : "<color:#707070>1. Makes a request to"
B .[#707070,thickness=2].> C : "<color:#707070>2. Gets data from"
B .[#707070,thickness=2].> D : "<color:#707070>2. Gets data from"
B .[#707070,thickness=2].> E : "<color:#707070>3. Sends data 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 Dynamic

top to bottom direction

!include <C4/C4>
!include <C4/C4_Context>

System(A, "A", $descr="", $tags="", $link="")
System(B, "B", $descr="", $tags="", $link="")
System(C, "C", $descr="", $tags="", $link="")
System(D, "D", $descr="", $tags="", $link="")
System(E, "E", $descr="", $tags="", $link="")
Rel(A, B, "1. Makes a request to", $techn="", $tags="", $link="")
Rel(B, C, "2. Gets data from", $techn="", $tags="", $link="")
Rel(B, D, "2. Gets data from", $techn="", $tags="", $link="")
Rel(B, E, "3. Sends data 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 TB
  linkStyle default fill:#ffffff

  subgraph diagram ["Dynamic"]
    style diagram fill:#ffffff,stroke:#ffffff

    1["<div style='font-weight: bold'>A</div><div style='font-size: 70%; margin-top: 0px'>[Software System]</div>"]
    style 1 fill:#dddddd,stroke:#9a9a9a,color:#000000
    2["<div style='font-weight: bold'>B</div><div style='font-size: 70%; margin-top: 0px'>[Software System]</div>"]
    style 2 fill:#dddddd,stroke:#9a9a9a,color:#000000
    3["<div style='font-weight: bold'>C</div><div style='font-size: 70%; margin-top: 0px'>[Software System]</div>"]
    style 3 fill:#dddddd,stroke:#9a9a9a,color:#000000
    4["<div style='font-weight: bold'>D</div><div style='font-size: 70%; margin-top: 0px'>[Software System]</div>"]
    style 4 fill:#dddddd,stroke:#9a9a9a,color:#000000
    5["<div style='font-weight: bold'>E</div><div style='font-size: 70%; margin-top: 0px'>[Software System]</div>"]
    style 5 fill:#dddddd,stroke:#9a9a9a,color:#000000
    1-. "<div>1. Makes a request to</div><div style='font-size: 70%'></div>" .->2
    2-. "<div>2. Gets data from</div><div style='font-size: 70%'></div>" .->3
    2-. "<div>2. Gets data from</div><div style='font-size: 70%'></div>" .->4
    2-. "<div>3. Sends data to</div><div style='font-size: 70%'></div>" .->5
  end

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

title Dynamic - Dynamic-001

participant <<Software System>>\nA as A
participant <<Software System>>\nB as B
participant <<Software System>>\nC as C
participant <<Software System>>\nD as D
participant <<Software System>>\nE as E

A->B: Makes a request to
B->C: Gets data from
B->D: Gets data from
B->E: Sends data to

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

digraph {
  compound=true
  graph [fontname="Arial", rankdir=TB, 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">Dynamic</font>>

  1 [id=1,shape=rect, label=<<font point-size="34">A</font><br /><font point-size="19">[Software System]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
  2 [id=2,shape=rect, label=<<font point-size="34">B</font><br /><font point-size="19">[Software System]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
  3 [id=3,shape=rect, label=<<font point-size="34">C</font><br /><font point-size="19">[Software System]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
  4 [id=4,shape=rect, label=<<font point-size="34">D</font><br /><font point-size="19">[Software System]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
  5 [id=5,shape=rect, label=<<font point-size="34">E</font><br /><font point-size="19">[Software System]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
  1 -> 2 [id=6, label=<<font point-size="24">1. Makes a request to</font>>, style="dashed", color="#707070", fontcolor="#707070"]
  2 -> 3 [id=7, label=<<font point-size="24">2. Gets data from</font>>, style="dashed", color="#707070", fontcolor="#707070"]
  2 -> 4 [id=8, label=<<font point-size="24">2. Gets data from</font>>, style="dashed", color="#707070", fontcolor="#707070"]
  2 -> 5 [id=9, label=<<font point-size="24">3. Sends data 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: "A"
    subtitle: "[Software System]"
    backgroundColor: "#dddddd"
    color: "#000000"

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

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

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

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

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

      - from: "2"
        to: "3"
        color: "#707070"

      - from: "2"
        to: "4"
        color: "#707070"

      - from: "2"
        to: "5"
        color: "#707070"

  - name: Dynamic - Dynamic
    sequence:
      start: "1"
      steps:
      - to: "2"
        label: "1. Makes a request to"
        color: "#707070"

      - to: "3"
        label: "2. Gets data from"
        color: "#707070"

      - to: "4"
        label: "2. Gets data from"
        color: "#707070"

      - to: "5"
        label: "3. Sends data to"
        color: "#707070"