Structurizr

Upload

workspace "Financial Risk System" "This is a simple (incomplete) example C4 model based upon the financial risk system architecture kata, which can be found at http://bit.ly/sa4d-risksystem" { model { businessUser = person "Business User" "A regular business user." configurationUser = person "Configuration User" "A regular business user who can also configure the parameters used in the risk calculations." financialRiskSystem = softwareSystem "Financial Risk System" "Calculates the bank's exposure to risk for product X." "Financial Risk System" { !docs docs !adrs adrs } tradeDataSystem = softwareSystem "Trade Data System" "The system of record for trades of type X." referenceDataSystem = softwareSystem "Reference Data System" "Manages reference data for all counterparties the bank interacts with." referenceDataSystemV2 = softwareSystem "Reference Data System v2.0" "Manages reference data for all counterparties the bank interacts with." "Future State" emailSystem = softwareSystem "E-mail system" "The bank's Microsoft Exchange system." centralMonitoringService = softwareSystem "Central Monitoring Service" "The bank's central monitoring and alerting dashboard." activeDirectory = softwareSystem "Active Directory" "The bank's authentication and authorisation system." businessUser -> financialRiskSystem "Views reports using" financialRiskSystem -> tradeDataSystem "Gets trade data from" financialRiskSystem -> referenceDataSystem "Gets counterparty data from" financialRiskSystem -> referenceDataSystemV2 "Gets counterparty data from" "" "Future State" configurationUser -> financialRiskSystem "Configures parameters using" financialRiskSystem -> emailSystem "Sends a notification that a report is ready to" emailSystem -> businessUser "Sends a notification that a report is ready to" "E-mail message" "Asynchronous" financialRiskSystem -> centralMonitoringService "Sends critical failure alerts to" "SNMP" "Asynchronous, Alert" financialRiskSystem -> activeDirectory "Uses for user authentication and authorisation" } views { systemContext financialRiskSystem "Context" "An example System Context diagram for the Financial Risk System architecture kata." { include * autoLayout } styles { element "Element" { color #ffffff } element "Software System" { background #801515 shape RoundedBox } element "Financial Risk System" { background #550000 color #ffffff } element "Future State" { opacity 30 } element "Person" { background #d46a6a shape Person } relationship "Relationship" { dashed false } relationship "Asynchronous" { dashed true } relationship "Alert" { color #ff0000 } relationship "Future State" { opacity 30 } } } }

Structurizr DSL v2.2.0 - some features (e.g. !docs, !adrs, !script, etc) are unavailable via this demo page; see DSL - comparison for details.

Examples: Big Bank plc | Microservices | Amazon Web Services

Structurizr

Diagram

Structurizr

Graph

Export

PlantUML

Export

C4-PlantUML

Export

Mermaid

Export

DOT

Export

WebSequenceDiagrams

Export

Ilograph

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 Financial Risk System - System Context

top to bottom direction

skinparam {
  arrowFontSize 10
  defaultTextAlignment center
  wrapWidth 200
  maxMessageSize 100
}

hide stereotype

skinparam rectangle<<ActiveDirectory>> {
  BackgroundColor #801515
  FontColor #ffffff
  BorderColor #590e0e
  roundCorner 20
  shadowing false
}
skinparam person<<BusinessUser>> {
  BackgroundColor #d46a6a
  FontColor #ffffff
  BorderColor #944a4a
  shadowing false
}
skinparam rectangle<<CentralMonitoringService>> {
  BackgroundColor #801515
  FontColor #ffffff
  BorderColor #590e0e
  roundCorner 20
  shadowing false
}
skinparam person<<ConfigurationUser>> {
  BackgroundColor #d46a6a
  FontColor #ffffff
  BorderColor #944a4a
  shadowing false
}
skinparam rectangle<<Emailsystem>> {
  BackgroundColor #801515
  FontColor #ffffff
  BorderColor #590e0e
  roundCorner 20
  shadowing false
}
skinparam rectangle<<FinancialRiskSystem>> {
  BackgroundColor #550000
  FontColor #ffffff
  BorderColor #3b0000
  roundCorner 20
  shadowing false
}
skinparam rectangle<<ReferenceDataSystem>> {
  BackgroundColor #801515
  FontColor #ffffff
  BorderColor #590e0e
  roundCorner 20
  shadowing false
}
skinparam rectangle<<ReferenceDataSystemv20>> {
  BackgroundColor #801515
  FontColor #ffffff
  BorderColor #590e0e
  roundCorner 20
  shadowing false
}
skinparam rectangle<<TradeDataSystem>> {
  BackgroundColor #801515
  FontColor #ffffff
  BorderColor #590e0e
  roundCorner 20
  shadowing false
}

person "==Business User\n<size:10>[Person]</size>\n\nA regular business user." <<BusinessUser>> as BusinessUser
person "==Configuration User\n<size:10>[Person]</size>\n\nA regular business user who can also configure the parameters used in the risk calculations." <<ConfigurationUser>> as ConfigurationUser
rectangle "==Financial Risk System\n<size:10>[Software System]</size>\n\nCalculates the bank's exposure to risk for product X." <<FinancialRiskSystem>> as FinancialRiskSystem
rectangle "==Trade Data System\n<size:10>[Software System]</size>\n\nThe system of record for trades of type X." <<TradeDataSystem>> as TradeDataSystem
rectangle "==Reference Data System\n<size:10>[Software System]</size>\n\nManages reference data for all counterparties the bank interacts with." <<ReferenceDataSystem>> as ReferenceDataSystem
rectangle "==Reference Data System v2.0\n<size:10>[Software System]</size>\n\nManages reference data for all counterparties the bank interacts with." <<ReferenceDataSystemv20>> as ReferenceDataSystemv20
rectangle "==E-mail system\n<size:10>[Software System]</size>\n\nThe bank's Microsoft Exchange system." <<Emailsystem>> as Emailsystem
rectangle "==Central Monitoring Service\n<size:10>[Software System]</size>\n\nThe bank's central monitoring and alerting dashboard." <<CentralMonitoringService>> as CentralMonitoringService
rectangle "==Active Directory\n<size:10>[Software System]</size>\n\nThe bank's authentication and authorisation system." <<ActiveDirectory>> as ActiveDirectory

BusinessUser -[#707070,thickness=2]-> FinancialRiskSystem : "<color:#707070>Views reports using"
FinancialRiskSystem -[#707070,thickness=2]-> TradeDataSystem : "<color:#707070>Gets trade data from"
FinancialRiskSystem -[#707070,thickness=2]-> ReferenceDataSystem : "<color:#707070>Gets counterparty data from"
FinancialRiskSystem -[#707070,thickness=2]-> ReferenceDataSystemv20 : "<color:#707070>Gets counterparty data from"
ConfigurationUser -[#707070,thickness=2]-> FinancialRiskSystem : "<color:#707070>Configures parameters using"
FinancialRiskSystem -[#707070,thickness=2]-> Emailsystem : "<color:#707070>Sends a notification that a report is ready to"
Emailsystem .[#707070,thickness=2].> BusinessUser : "<color:#707070>Sends a notification that a report is ready to\n<color:#707070><size:8>[E-mail message]</size>"
FinancialRiskSystem .[#ff0000,thickness=2].> CentralMonitoringService : "<color:#ff0000>Sends critical failure alerts to\n<color:#ff0000><size:8>[SNMP]</size>"
FinancialRiskSystem -[#707070,thickness=2]-> ActiveDirectory : "<color:#707070>Uses for user authentication and authorisation"
@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.

@startuml
set separator none
title Financial Risk System - System Context

top to bottom direction

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

Person(BusinessUser, "Business User", $descr="A regular business user.", $tags="", $link="")
Person(ConfigurationUser, "Configuration User", $descr="A regular business user who can also configure the parameters used in the risk calculations.", $tags="", $link="")
System(FinancialRiskSystem, "Financial Risk System", $descr="Calculates the bank's exposure to risk for product X.", $tags="", $link="")
System(TradeDataSystem, "Trade Data System", $descr="The system of record for trades of type X.", $tags="", $link="")
System(ReferenceDataSystem, "Reference Data System", $descr="Manages reference data for all counterparties the bank interacts with.", $tags="", $link="")
System(ReferenceDataSystemv20, "Reference Data System v2.0", $descr="Manages reference data for all counterparties the bank interacts with.", $tags="", $link="")
System(Emailsystem, "E-mail system", $descr="The bank's Microsoft Exchange system.", $tags="", $link="")
System(CentralMonitoringService, "Central Monitoring Service", $descr="The bank's central monitoring and alerting dashboard.", $tags="", $link="")
System(ActiveDirectory, "Active Directory", $descr="The bank's authentication and authorisation system.", $tags="", $link="")

Rel(BusinessUser, FinancialRiskSystem, "Views reports using", $techn="", $tags="", $link="")
Rel(FinancialRiskSystem, TradeDataSystem, "Gets trade data from", $techn="", $tags="", $link="")
Rel(FinancialRiskSystem, ReferenceDataSystem, "Gets counterparty data from", $techn="", $tags="", $link="")
Rel(FinancialRiskSystem, ReferenceDataSystemv20, "Gets counterparty data from", $techn="", $tags="", $link="")
Rel(ConfigurationUser, FinancialRiskSystem, "Configures parameters using", $techn="", $tags="", $link="")
Rel(FinancialRiskSystem, Emailsystem, "Sends a notification that a report is ready to", $techn="", $tags="", $link="")
Rel(Emailsystem, BusinessUser, "Sends a notification that a report is ready to", $techn="E-mail message", $tags="", $link="")
Rel(FinancialRiskSystem, CentralMonitoringService, "Sends critical failure alerts to", $techn="SNMP", $tags="", $link="")
Rel(FinancialRiskSystem, ActiveDirectory, "Uses for user authentication and authorisation", $techn="", $tags="", $link="")

SHOW_LEGEND(true)
@enduml

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

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 ["Financial Risk System - System Context"]
    style diagram fill:#ffffff,stroke:#ffffff

    1["<div style='font-weight: bold'>Business User</div><div style='font-size: 70%; margin-top: 0px'>[Person]</div><div style='font-size: 80%; margin-top:10px'>A regular business user.</div>"]
    style 1 fill:#d46a6a,stroke:#944a4a,color:#ffffff
    2["<div style='font-weight: bold'>Configuration User</div><div style='font-size: 70%; margin-top: 0px'>[Person]</div><div style='font-size: 80%; margin-top:10px'>A regular business user who<br />can also configure the<br />parameters used in the risk<br />calculations.</div>"]
    style 2 fill:#d46a6a,stroke:#944a4a,color:#ffffff
    3("<div style='font-weight: bold'>Financial Risk System</div><div style='font-size: 70%; margin-top: 0px'>[Software System]</div><div style='font-size: 80%; margin-top:10px'>Calculates the bank's<br />exposure to risk for product<br />X.</div>")
    style 3 fill:#550000,stroke:#3b0000,color:#ffffff
    4("<div style='font-weight: bold'>Trade Data System</div><div style='font-size: 70%; margin-top: 0px'>[Software System]</div><div style='font-size: 80%; margin-top:10px'>The system of record for<br />trades of type X.</div>")
    style 4 fill:#801515,stroke:#590e0e,color:#ffffff
    5("<div style='font-weight: bold'>Reference Data System</div><div style='font-size: 70%; margin-top: 0px'>[Software System]</div><div style='font-size: 80%; margin-top:10px'>Manages reference data for<br />all counterparties the bank<br />interacts with.</div>")
    style 5 fill:#801515,stroke:#590e0e,color:#ffffff
    6("<div style='font-weight: bold'>Reference Data System v2.0</div><div style='font-size: 70%; margin-top: 0px'>[Software System]</div><div style='font-size: 80%; margin-top:10px'>Manages reference data for<br />all counterparties the bank<br />interacts with.</div>")
    style 6 fill:#801515,stroke:#590e0e,color:#ffffff
    7("<div style='font-weight: bold'>E-mail system</div><div style='font-size: 70%; margin-top: 0px'>[Software System]</div><div style='font-size: 80%; margin-top:10px'>The bank's Microsoft Exchange<br />system.</div>")
    style 7 fill:#801515,stroke:#590e0e,color:#ffffff
    8("<div style='font-weight: bold'>Central Monitoring Service</div><div style='font-size: 70%; margin-top: 0px'>[Software System]</div><div style='font-size: 80%; margin-top:10px'>The bank's central monitoring<br />and alerting dashboard.</div>")
    style 8 fill:#801515,stroke:#590e0e,color:#ffffff
    9("<div style='font-weight: bold'>Active Directory</div><div style='font-size: 70%; margin-top: 0px'>[Software System]</div><div style='font-size: 80%; margin-top:10px'>The bank's authentication and<br />authorisation system.</div>")
    style 9 fill:#801515,stroke:#590e0e,color:#ffffff

    1-- "<div>Views reports using</div><div style='font-size: 70%'></div>" -->3
    3-- "<div>Gets trade data from</div><div style='font-size: 70%'></div>" -->4
    3-- "<div>Gets counterparty data from</div><div style='font-size: 70%'></div>" -->5
    3-- "<div>Gets counterparty data from</div><div style='font-size: 70%'></div>" -->6
    2-- "<div>Configures parameters using</div><div style='font-size: 70%'></div>" -->3
    3-- "<div>Sends a notification that a<br />report is ready to</div><div style='font-size: 70%'></div>" -->7
    7-. "<div>Sends a notification that a<br />report is ready to</div><div style='font-size: 70%'>[E-mail message]</div>" .->1
    3-. "<div>Sends critical failure alerts<br />to</div><div style='font-size: 70%'>[SNMP]</div>" .->8
    3-- "<div>Uses for user authentication<br />and authorisation</div><div style='font-size: 70%'></div>" -->9
  end

(this will send your diagram content to https://mermaid.ink)

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">Financial Risk System - System Context</font><br /><font point-size="24">An example System Context diagram for the Financial Risk System architecture kata.</font>>

  1 [id=1,shape=rect, label=<<font point-size="34">Business User</font><br /><font point-size="19">[Person]</font><br /><br /><font point-size="24">A regular business user.</font>>, style=filled, color="#944a4a", fillcolor="#d46a6a", fontcolor="#ffffff"]
  2 [id=2,shape=rect, label=<<font point-size="34">Configuration User</font><br /><font point-size="19">[Person]</font><br /><br /><font point-size="24">A regular business user<br />who can also configure the<br />parameters used in the<br />risk calculations.</font>>, style=filled, color="#944a4a", fillcolor="#d46a6a", fontcolor="#ffffff"]
  3 [id=3,shape=rect, label=<<font point-size="34">Financial Risk System</font><br /><font point-size="19">[Software System]</font><br /><br /><font point-size="24">Calculates the bank's exposure<br />to risk for product X.</font>>, style=filled, color="#3b0000", fillcolor="#550000", fontcolor="#ffffff"]
  4 [id=4,shape=rect, label=<<font point-size="34">Trade Data System</font><br /><font point-size="19">[Software System]</font><br /><br /><font point-size="24">The system of record for<br />trades of type X.</font>>, style=filled, color="#590e0e", fillcolor="#801515", fontcolor="#ffffff"]
  5 [id=5,shape=rect, label=<<font point-size="34">Reference Data System</font><br /><font point-size="19">[Software System]</font><br /><br /><font point-size="24">Manages reference data for all<br />counterparties the bank<br />interacts with.</font>>, style=filled, color="#590e0e", fillcolor="#801515", fontcolor="#ffffff"]
  6 [id=6,shape=rect, label=<<font point-size="34">Reference Data System<br />v2.0</font><br /><font point-size="19">[Software System]</font><br /><br /><font point-size="24">Manages reference data for all<br />counterparties the bank<br />interacts with.</font>>, style=filled, color="#590e0e", fillcolor="#801515", fontcolor="#ffffff"]
  7 [id=7,shape=rect, label=<<font point-size="34">E-mail system</font><br /><font point-size="19">[Software System]</font><br /><br /><font point-size="24">The bank's Microsoft Exchange<br />system.</font>>, style=filled, color="#590e0e", fillcolor="#801515", fontcolor="#ffffff"]
  8 [id=8,shape=rect, label=<<font point-size="34">Central Monitoring<br />Service</font><br /><font point-size="19">[Software System]</font><br /><br /><font point-size="24">The bank's central monitoring<br />and alerting dashboard.</font>>, style=filled, color="#590e0e", fillcolor="#801515", fontcolor="#ffffff"]
  9 [id=9,shape=rect, label=<<font point-size="34">Active Directory</font><br /><font point-size="19">[Software System]</font><br /><br /><font point-size="24">The bank's authentication and<br />authorisation system.</font>>, style=filled, color="#590e0e", fillcolor="#801515", fontcolor="#ffffff"]

  1 -> 3 [id=10, label=<<font point-size="24">Views reports using</font>>, style="solid", color="#707070", fontcolor="#707070"]
  3 -> 4 [id=11, label=<<font point-size="24">Gets trade data from</font>>, style="solid", color="#707070", fontcolor="#707070"]
  3 -> 5 [id=12, label=<<font point-size="24">Gets counterparty data<br />from</font>>, style="solid", color="#707070", fontcolor="#707070"]
  3 -> 6 [id=13, label=<<font point-size="24">Gets counterparty data<br />from</font>>, style="solid", color="#707070", fontcolor="#707070"]
  2 -> 3 [id=14, label=<<font point-size="24">Configures parameters<br />using</font>>, style="solid", color="#707070", fontcolor="#707070"]
  3 -> 7 [id=15, label=<<font point-size="24">Sends a notification that<br />a report is ready to</font>>, style="solid", color="#707070", fontcolor="#707070"]
  7 -> 1 [id=16, label=<<font point-size="24">Sends a notification that<br />a report is ready to</font><br /><font point-size="19">[E-mail message]</font>>, style="dashed", color="#707070", fontcolor="#707070"]
  3 -> 8 [id=17, label=<<font point-size="24">Sends critical failure<br />alerts to</font><br /><font point-size="19">[SNMP]</font>>, style="dashed", color="#ff0000", fontcolor="#ff0000"]
  3 -> 9 [id=18, label=<<font point-size="24">Uses for user<br />authentication and<br />authorisation</font>>, style="solid", 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: "Business User"
    subtitle: "[Person]"
    description: "A regular business user."
    backgroundColor: "#d46a6a"
    color: "#ffffff"

  - id: "2"
    name: "Configuration User"
    subtitle: "[Person]"
    description: "A regular business user who can also configure the parameters used in the risk calculations."
    backgroundColor: "#d46a6a"
    color: "#ffffff"

  - id: "3"
    name: "Financial Risk System"
    subtitle: "[Software System]"
    description: "Calculates the bank's exposure to risk for product X."
    backgroundColor: "#550000"
    color: "#ffffff"

  - id: "4"
    name: "Trade Data System"
    subtitle: "[Software System]"
    description: "The system of record for trades of type X."
    backgroundColor: "#801515"
    color: "#ffffff"

  - id: "5"
    name: "Reference Data System"
    subtitle: "[Software System]"
    description: "Manages reference data for all counterparties the bank interacts with."
    backgroundColor: "#801515"
    color: "#ffffff"

  - id: "6"
    name: "Reference Data System v2.0"
    subtitle: "[Software System]"
    description: "Manages reference data for all counterparties the bank interacts with."
    backgroundColor: "#801515"
    color: "#ffffff"

  - id: "7"
    name: "E-mail system"
    subtitle: "[Software System]"
    description: "The bank's Microsoft Exchange system."
    backgroundColor: "#801515"
    color: "#ffffff"

  - id: "8"
    name: "Central Monitoring Service"
    subtitle: "[Software System]"
    description: "The bank's central monitoring and alerting dashboard."
    backgroundColor: "#801515"
    color: "#ffffff"

  - id: "9"
    name: "Active Directory"
    subtitle: "[Software System]"
    description: "The bank's authentication and authorisation system."
    backgroundColor: "#801515"
    color: "#ffffff"

perspectives:
  - name: Static Structure
    relations:
      - from: "1"
        to: "3"
        label: "Views reports using"
        color: "#707070"

      - from: "2"
        to: "3"
        label: "Configures parameters using"
        color: "#707070"

      - from: "3"
        to: "4"
        label: "Gets trade data from"
        color: "#707070"

      - from: "3"
        to: "5"
        label: "Gets counterparty data from"
        color: "#707070"

      - from: "3"
        to: "6"
        label: "Gets counterparty data from"
        color: "#707070"

      - from: "3"
        to: "7"
        label: "Sends a notification that a report is ready to"
        color: "#707070"

      - from: "3"
        to: "8"
        label: "Sends critical failure alerts to"
        description: "SNMP"
        color: "#ff0000"

      - from: "3"
        to: "9"
        label: "Uses for user authentication and authorisation"
        color: "#707070"

      - from: "7"
        to: "1"
        label: "Sends a notification that a report is ready to"
        description: "E-mail message"
        color: "#707070"