WebSequenceDiagram definitions are available via the Structurizr CLI export command,
using the -format websequencediagrams parameter. Only dynamic views are supported.
title Online book store - Dynamic - Dynamic-001
actor <<Person>>\nCustomer as Customer
participant <<Container>>\nWeb Application as Web Application
participant <<Container>>\nDatabase as Database
Customer->Web Application: Requests past orders from
Web Application->Database: Queries for orders using
title Online book store - Dynamic - Dynamic-002
actor <<Person>>\nCustomer as Customer
participant <<Container>>\nWeb Application as Web Application
participant <<Container>>\nDatabase as Database
Customer->Web Application: Requests the top 20 books from
Web Application->Database: Queries the top 20 books using
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">Online book store - Containers</font>>
1 [id=1,shape=rect, label=<<font point-size="34">Customer</font><br /><font point-size="19">[Person]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
subgraph cluster_2 {
margin=25
label=<<font point-size="24"><br />Online book store</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="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
4 [id=4,shape=rect, label=<<font point-size="34">Database</font><br /><font point-size="19">[Container]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
}
1 -> 3 [id=5, label=<<font point-size="24">Browses and makes<br />purchases using</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"]
}
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">Request past orders feature</font>>
subgraph cluster_2 {
margin=25
label=<<font point-size="24"><br />Online book store</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="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
4 [id=4,shape=rect, label=<<font point-size="34">Database</font><br /><font point-size="19">[Container]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
}
1 [id=1,shape=rect, label=<<font point-size="34">Customer</font><br /><font point-size="19">[Person]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
1 -> 3 [id=5, label=<<font point-size="24">1. Requests past orders<br />from</font>>, style="dashed", color="#707070", fontcolor="#707070"]
3 -> 4 [id=7, label=<<font point-size="24">2. Queries for orders<br />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">Browse top 20 books feature</font>>
subgraph cluster_2 {
margin=25
label=<<font point-size="24"><br />Online book store</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="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
4 [id=4,shape=rect, label=<<font point-size="34">Database</font><br /><font point-size="19">[Container]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
}
1 [id=1,shape=rect, label=<<font point-size="34">Customer</font><br /><font point-size="19">[Person]</font>>, style=filled, color="#9a9a9a", fillcolor="#dddddd", fontcolor="#000000"]
1 -> 3 [id=5, label=<<font point-size="24">1. Requests the top 20<br />books from</font>>, style="dashed", color="#707070", fontcolor="#707070"]
3 -> 4 [id=7, label=<<font point-size="24">2. Queries the top 20<br />books 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: "Customer"
subtitle: "[Person]"
backgroundColor: "#dddddd"
color: "#000000"
- id: "2"
name: "Online book store"
subtitle: "[Software System]"
backgroundColor: "#dddddd"
color: "#000000"
children:
- id: "3"
name: "Web Application"
subtitle: "[Container]"
backgroundColor: "#dddddd"
color: "#000000"
- id: "4"
name: "Database"
subtitle: "[Container]"
backgroundColor: "#dddddd"
color: "#000000"
perspectives:
- name: Static Structure
relations:
- from: "1"
to: "2"
label: "Browses and makes purchases using"
color: "#707070"
- from: "1"
to: "3"
label: "Browses and makes purchases using"
color: "#707070"
- from: "3"
to: "4"
label: "Reads from and writes to"
color: "#707070"
- name: Dynamic - Online book store - Dynamic
sequence:
start: "1"
steps:
- to: "3"
label: "1. Requests past orders from"
color: "#707070"
- to: "4"
label: "2. Queries for orders using"
color: "#707070"
- name: Dynamic - Online book store - Dynamic
sequence:
start: "1"
steps:
- to: "3"
label: "1. Requests the top 20 books from"
color: "#707070"
- to: "4"
label: "2. Queries the top 20 books using"
color: "#707070"