Structurizr

Upload

workspace "Amazon Web Services Example" "An example AWS deployment architecture." { !identifiers hierarchical model { x = softwaresystem "X" { wa = container "Web Application" { technology "Java and Spring Boot" tags "Application" } db = container "Database Schema" { tags "Database" } wa -> db "Reads from and writes to" "MySQL Protocol/SSL" } live = deploymentEnvironment "Live" { deploymentNode "Amazon Web Services" { tags "Amazon Web Services - Cloud" region = deploymentNode "US-East-1" { tags "Amazon Web Services - Region" dns = infrastructureNode "DNS router" { technology "Route 53" description "Routes incoming requests based upon domain name." tags "Amazon Web Services - Route 53" } lb = infrastructureNode "Load Balancer" { technology "Elastic Load Balancer" description "Automatically distributes incoming application traffic." tags "Amazon Web Services - Elastic Load Balancing" dns -> this "Forwards requests to" "HTTPS" } deploymentNode "Autoscaling group" { tags "Amazon Web Services - Auto Scaling" deploymentNode "Amazon EC2 - Ubuntu server" { tags "Amazon Web Services - EC2" webApplicationInstance = containerInstance x.wa { lb -> this "Forwards requests to" "HTTPS" } } } deploymentNode "Amazon RDS" { tags "Amazon Web Services - RDS" deploymentNode "MySQL" { tags "Amazon Web Services - RDS MySQL instance" databaseInstance = containerInstance x.db } } } } } } views { deployment x live "AmazonWebServicesDeployment" { include * autolayout lr } styles { element "Element" { shape roundedbox background #ffffff } element "Container" { background #ffffff } element "Application" { background #ffffff } element "Database" { shape cylinder } } themes https://static.structurizr.com/themes/amazon-web-services-2020.04.30/theme.json } }

Structurizr DSL v3.0.0 - some features (e.g. !docs, !adrs, !script, etc) are unavailable via this demo page; see DSL 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 X - Deployment - Live

left to right direction

skinparam {
  arrowFontSize 10
  defaultTextAlignment center
  wrapWidth 200
  maxMessageSize 100
}

hide stereotype

skinparam rectangle<<Live.AmazonWebServices.USEast1.Autoscalinggroup.AmazonEC2Ubuntuserver>> {
  BackgroundColor #ffffff
  FontColor #d86613
  BorderColor #d86613
  roundCorner 20
  shadowing false
}
skinparam rectangle<<Live.AmazonWebServices.USEast1.AmazonRDS>> {
  BackgroundColor #ffffff
  FontColor #3b48cc
  BorderColor #3b48cc
  roundCorner 20
  shadowing false
}
skinparam rectangle<<Live.AmazonWebServices>> {
  BackgroundColor #ffffff
  FontColor #232f3e
  BorderColor #232f3e
  roundCorner 20
  shadowing false
}
skinparam rectangle<<Live.AmazonWebServices.USEast1.Autoscalinggroup>> {
  BackgroundColor #ffffff
  FontColor #cc2264
  BorderColor #cc2264
  roundCorner 20
  shadowing false
}
skinparam rectangle<<Live.AmazonWebServices.USEast1.DNSrouter>> {
  BackgroundColor #ffffff
  FontColor #693cc5
  BorderColor #693cc5
  roundCorner 20
  shadowing false
}
skinparam database<<Live.AmazonWebServices.USEast1.AmazonRDS.MySQL.DatabaseSchema_1>> {
  BackgroundColor #ffffff
  FontColor #000000
  BorderColor #b2b2b2
  shadowing false
}
skinparam rectangle<<Live.AmazonWebServices.USEast1.LoadBalancer>> {
  BackgroundColor #ffffff
  FontColor #693cc5
  BorderColor #693cc5
  roundCorner 20
  shadowing false
}
skinparam rectangle<<Live.AmazonWebServices.USEast1.AmazonRDS.MySQL>> {
  BackgroundColor #ffffff
  FontColor #3b48cc
  BorderColor #3b48cc
  roundCorner 20
  shadowing false
}
skinparam rectangle<<Live.AmazonWebServices.USEast1>> {
  BackgroundColor #ffffff
  FontColor #147eba
  BorderColor #147eba
  roundCorner 20
  shadowing false
}
skinparam rectangle<<Live.AmazonWebServices.USEast1.Autoscalinggroup.AmazonEC2Ubuntuserver.WebApplication_1>> {
  BackgroundColor #ffffff
  FontColor #000000
  BorderColor #b2b2b2
  roundCorner 20
  shadowing false
}

rectangle "Amazon Web Services\n<size:10>[Deployment Node]</size>\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/AWS-Cloud_light-bg@4x.png{scale=0.21428571428571427}>" <<Live.AmazonWebServices>> as Live.AmazonWebServices {
  rectangle "US-East-1\n<size:10>[Deployment Node]</size>\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Region_light-bg@4x.png{scale=0.21428571428571427}>" <<Live.AmazonWebServices.USEast1>> as Live.AmazonWebServices.USEast1 {
    rectangle "Autoscaling group\n<size:10>[Deployment Node]</size>\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/AWS-Auto-Scaling_light-bg@4x.png{scale=0.1}>" <<Live.AmazonWebServices.USEast1.Autoscalinggroup>> as Live.AmazonWebServices.USEast1.Autoscalinggroup {
      rectangle "Amazon EC2 - Ubuntu server\n<size:10>[Deployment Node]</size>\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Amazon-EC2_light-bg@4x.png{scale=0.1}>" <<Live.AmazonWebServices.USEast1.Autoscalinggroup.AmazonEC2Ubuntuserver>> as Live.AmazonWebServices.USEast1.Autoscalinggroup.AmazonEC2Ubuntuserver {
        rectangle "==Web Application\n<size:10>[Container: Java and Spring Boot]</size>" <<Live.AmazonWebServices.USEast1.Autoscalinggroup.AmazonEC2Ubuntuserver.WebApplication_1>> as Live.AmazonWebServices.USEast1.Autoscalinggroup.AmazonEC2Ubuntuserver.WebApplication_1
      }

    }

    rectangle "Amazon RDS\n<size:10>[Deployment Node]</size>\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Amazon-RDS_light-bg@4x.png{scale=0.1}>" <<Live.AmazonWebServices.USEast1.AmazonRDS>> as Live.AmazonWebServices.USEast1.AmazonRDS {
      rectangle "MySQL\n<size:10>[Deployment Node]</size>\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Amazon-RDS_MySQL_instance_light-bg@4x.png{scale=0.15}>" <<Live.AmazonWebServices.USEast1.AmazonRDS.MySQL>> as Live.AmazonWebServices.USEast1.AmazonRDS.MySQL {
        database "==Database Schema\n<size:10>[Container]</size>" <<Live.AmazonWebServices.USEast1.AmazonRDS.MySQL.DatabaseSchema_1>> as Live.AmazonWebServices.USEast1.AmazonRDS.MySQL.DatabaseSchema_1
      }

    }

    rectangle "==DNS router\n<size:10>[Infrastructure Node: Route 53]</size>\n\nRoutes incoming requests based upon domain name.\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Amazon-Route-53_light-bg@4x.png{scale=0.1}>" <<Live.AmazonWebServices.USEast1.DNSrouter>> as Live.AmazonWebServices.USEast1.DNSrouter
    rectangle "==Load Balancer\n<size:10>[Infrastructure Node: Elastic Load Balancer]</size>\n\nAutomatically distributes incoming application traffic.\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Elastic-Load-Balancing_light-bg@4x.png{scale=0.1}>" <<Live.AmazonWebServices.USEast1.LoadBalancer>> as Live.AmazonWebServices.USEast1.LoadBalancer
  }

}

Live.AmazonWebServices.USEast1.LoadBalancer .[#707070,thickness=2].> Live.AmazonWebServices.USEast1.Autoscalinggroup.AmazonEC2Ubuntuserver.WebApplication_1 : "<color:#707070>Forwards requests to\n<color:#707070><size:8>[HTTPS]</size>"
Live.AmazonWebServices.USEast1.Autoscalinggroup.AmazonEC2Ubuntuserver.WebApplication_1 .[#707070,thickness=2].> Live.AmazonWebServices.USEast1.AmazonRDS.MySQL.DatabaseSchema_1 : "<color:#707070>Reads from and writes to\n<color:#707070><size:8>[MySQL Protocol/SSL]</size>"
Live.AmazonWebServices.USEast1.DNSrouter .[#707070,thickness=2].> Live.AmazonWebServices.USEast1.LoadBalancer : "<color:#707070>Forwards requests to\n<color:#707070><size:8>[HTTPS]</size>"
@enduml

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

@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 #ffffff
  FontColor #cc2264
  BorderColor #cc2264
  roundCorner 20
}
rectangle "==Amazon Web Services - Auto Scaling\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/AWS-Auto-Scaling_light-bg@4x.png{scale=0.1}>" <<1>>

skinparam rectangle<<2>> {
  BackgroundColor #ffffff
  FontColor #232f3e
  BorderColor #232f3e
  roundCorner 20
}
rectangle "==Amazon Web Services - Cloud\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/AWS-Cloud_light-bg@4x.png{scale=0.21428571428571427}>" <<2>>

skinparam rectangle<<3>> {
  BackgroundColor #ffffff
  FontColor #d86613
  BorderColor #d86613
  roundCorner 20
}
rectangle "==Amazon Web Services - EC2\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Amazon-EC2_light-bg@4x.png{scale=0.1}>" <<3>>

skinparam rectangle<<4>> {
  BackgroundColor #ffffff
  FontColor #693cc5
  BorderColor #693cc5
  roundCorner 20
}
rectangle "==Amazon Web Services - Elastic Load Balancing\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Elastic-Load-Balancing_light-bg@4x.png{scale=0.1}>" <<4>>

skinparam rectangle<<5>> {
  BackgroundColor #ffffff
  FontColor #3b48cc
  BorderColor #3b48cc
  roundCorner 20
}
rectangle "==Amazon Web Services - RDS\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Amazon-RDS_light-bg@4x.png{scale=0.1}>" <<5>>

skinparam rectangle<<6>> {
  BackgroundColor #ffffff
  FontColor #3b48cc
  BorderColor #3b48cc
  roundCorner 20
}
rectangle "==Amazon Web Services - RDS MySQL instance\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Amazon-RDS_MySQL_instance_light-bg@4x.png{scale=0.15}>" <<6>>

skinparam rectangle<<7>> {
  BackgroundColor #ffffff
  FontColor #147eba
  BorderColor #147eba
  roundCorner 20
}
rectangle "==Amazon Web Services - Region\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Region_light-bg@4x.png{scale=0.21428571428571427}>" <<7>>

skinparam rectangle<<8>> {
  BackgroundColor #ffffff
  FontColor #693cc5
  BorderColor #693cc5
  roundCorner 20
}
rectangle "==Amazon Web Services - Route 53\n\n<img:https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Amazon-Route-53_light-bg@4x.png{scale=0.1}>" <<8>>

skinparam rectangle<<9>> {
  BackgroundColor #ffffff
  FontColor #000000
  BorderColor #b2b2b2
  roundCorner 20
}
rectangle "==Container, Application" <<9>>

skinparam database<<10>> {
  BackgroundColor #ffffff
  FontColor #000000
  BorderColor #b2b2b2
}
database "==Container, Database" <<10>>

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


@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 X - Deployment - Live

left to right direction

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

Deployment_Node(Live.AmazonWebServices, "Amazon Web Services", $type="", $descr="", $tags="", $link="") {
  Deployment_Node(Live.AmazonWebServices.USEast1, "US-East-1", $type="", $descr="", $tags="", $link="") {
    Deployment_Node(Live.AmazonWebServices.USEast1.Autoscalinggroup, "Autoscaling group", $type="", $descr="", $tags="", $link="") {
      Deployment_Node(Live.AmazonWebServices.USEast1.Autoscalinggroup.AmazonEC2Ubuntuserver, "Amazon EC2 - Ubuntu server", $type="", $descr="", $tags="", $link="") {
        Container(Live.AmazonWebServices.USEast1.Autoscalinggroup.AmazonEC2Ubuntuserver.WebApplication_1, "Web Application", $techn="Java and Spring Boot", $descr="", $tags="", $link="")
      }

    }

    Deployment_Node(Live.AmazonWebServices.USEast1.AmazonRDS, "Amazon RDS", $type="", $descr="", $tags="", $link="") {
      Deployment_Node(Live.AmazonWebServices.USEast1.AmazonRDS.MySQL, "MySQL", $type="", $descr="", $tags="", $link="") {
        ContainerDb(Live.AmazonWebServices.USEast1.AmazonRDS.MySQL.DatabaseSchema_1, "Database Schema", $techn="", $descr="", $tags="", $link="")
      }

    }

    Deployment_Node(Live.AmazonWebServices.USEast1.DNSrouter, "DNS router", $type="Route 53", $descr="Routes incoming requests based upon domain name.", $tags="", $link="")
    Deployment_Node(Live.AmazonWebServices.USEast1.LoadBalancer, "Load Balancer", $type="Elastic Load Balancer", $descr="Automatically distributes incoming application traffic.", $tags="", $link="")
  }

}

Rel(Live.AmazonWebServices.USEast1.LoadBalancer, Live.AmazonWebServices.USEast1.Autoscalinggroup.AmazonEC2Ubuntuserver.WebApplication_1, "Forwards requests to", $techn="HTTPS", $tags="", $link="")
Rel(Live.AmazonWebServices.USEast1.Autoscalinggroup.AmazonEC2Ubuntuserver.WebApplication_1, Live.AmazonWebServices.USEast1.AmazonRDS.MySQL.DatabaseSchema_1, "Reads from and writes to", $techn="MySQL Protocol/SSL", $tags="", $link="")
Rel(Live.AmazonWebServices.USEast1.DNSrouter, Live.AmazonWebServices.USEast1.LoadBalancer, "Forwards requests to", $techn="HTTPS", $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 LR
  linkStyle default fill:#ffffff

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

    subgraph 5 ["Amazon Web Services"]
      style 5 fill:#ffffff,stroke:#232f3e,color:#232f3e

      subgraph 6 ["US-East-1"]
        style 6 fill:#ffffff,stroke:#147eba,color:#147eba

        subgraph 10 ["Autoscaling group"]
          style 10 fill:#ffffff,stroke:#cc2264,color:#cc2264

          subgraph 11 ["Amazon EC2 - Ubuntu server"]
            style 11 fill:#ffffff,stroke:#d86613,color:#d86613

            12("<div style='font-weight: bold'>Web Application</div><div style='font-size: 70%; margin-top: 0px'>[Container: Java and Spring Boot]</div>")
            style 12 fill:#ffffff,stroke:#b2b2b2,color:#000000
          end

        end

        subgraph 14 ["Amazon RDS"]
          style 14 fill:#ffffff,stroke:#3b48cc,color:#3b48cc

          subgraph 15 ["MySQL"]
            style 15 fill:#ffffff,stroke:#3b48cc,color:#3b48cc

            16[("<div style='font-weight: bold'>Database Schema</div><div style='font-size: 70%; margin-top: 0px'>[Container]</div>")]
            style 16 fill:#ffffff,stroke:#b2b2b2,color:#000000
          end

        end

        7("<div style='font-weight: bold'>DNS router</div><div style='font-size: 70%; margin-top: 0px'>[Infrastructure Node: Route 53]</div><div style='font-size: 80%; margin-top:10px'>Routes incoming requests<br />based upon domain name.</div>")
        style 7 fill:#ffffff,stroke:#693cc5,color:#693cc5
        8("<div style='font-weight: bold'>Load Balancer</div><div style='font-size: 70%; margin-top: 0px'>[Infrastructure Node: Elastic Load Balancer]</div><div style='font-size: 80%; margin-top:10px'>Automatically distributes<br />incoming application traffic.</div>")
        style 8 fill:#ffffff,stroke:#693cc5,color:#693cc5
      end

    end

    8-. "<div>Forwards requests to</div><div style='font-size: 70%'>[HTTPS]</div>" .->12
    12-. "<div>Reads from and writes to</div><div style='font-size: 70%'>[MySQL Protocol/SSL]</div>" .->16
    7-. "<div>Forwards requests to</div><div style='font-size: 70%'>[HTTPS]</div>" .->8
  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=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">X - Deployment - Live</font>>

  subgraph cluster_5 {
    margin=25
    label=<<font point-size="24">Amazon Web Services</font><br /><font point-size="19">[Deployment Node]</font>>
    labelloc=b
    color="#232f3e"
    fontcolor="#232f3e"
    fillcolor="#ffffff"

    subgraph cluster_6 {
      margin=25
      label=<<font point-size="24">US-East-1</font><br /><font point-size="19">[Deployment Node]</font>>
      labelloc=b
      color="#147eba"
      fontcolor="#147eba"
      fillcolor="#ffffff"

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

        subgraph cluster_11 {
          margin=25
          label=<<font point-size="24">Amazon EC2 - Ubuntu server</font><br /><font point-size="19">[Deployment Node]</font>>
          labelloc=b
          color="#d86613"
          fontcolor="#d86613"
          fillcolor="#ffffff"

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

      }

      subgraph cluster_14 {
        margin=25
        label=<<font point-size="24">Amazon RDS</font><br /><font point-size="19">[Deployment Node]</font>>
        labelloc=b
        color="#3b48cc"
        fontcolor="#3b48cc"
        fillcolor="#ffffff"

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

          16 [id=16,shape=cylinder, label=<<font point-size="34">Database Schema</font><br /><font point-size="19">[Container]</font>>, style=filled, color="#b2b2b2", fillcolor="#ffffff", fontcolor="#000000"]
        }

      }

      7 [id=7,shape=rect, label=<<font point-size="34">DNS router</font><br /><font point-size="19">[Infrastructure Node: Route 53]</font><br /><br /><font point-size="24">Routes incoming requests based<br />upon domain name.</font>>, style=filled, color="#693cc5", fillcolor="#ffffff", fontcolor="#693cc5"]
      8 [id=8,shape=rect, label=<<font point-size="34">Load Balancer</font><br /><font point-size="19">[Infrastructure Node: Elastic Load Balancer]</font><br /><br /><font point-size="24">Automatically distributes<br />incoming application traffic.</font>>, style=filled, color="#693cc5", fillcolor="#ffffff", fontcolor="#693cc5"]
    }

  }

  8 -> 12 [id=13, label=<<font point-size="24">Forwards requests to</font><br /><font point-size="19">[HTTPS]</font>>, style="dashed", color="#707070", fontcolor="#707070"]
  12 -> 16 [id=17, label=<<font point-size="24">Reads from and writes to</font><br /><font point-size="19">[MySQL Protocol/SSL]</font>>, style="dashed", color="#707070", fontcolor="#707070"]
  7 -> 8 [id=9, label=<<font point-size="24">Forwards requests to</font><br /><font point-size="19">[HTTPS]</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: "X"
    subtitle: "[Software System]"
    backgroundColor: "#ffffff"
    color: "#000000"

    children:
      - id: "2"
        name: "Web Application"
        subtitle: "[Container: Java and Spring Boot]"
        backgroundColor: "#ffffff"
        color: "#000000"

      - id: "3"
        name: "Database Schema"
        subtitle: "[Container]"
        backgroundColor: "#ffffff"
        color: "#000000"

  - id: "5"
    name: "Amazon Web Services"
    subtitle: "[Deployment Node]"
    backgroundColor: "#ffffff"
    color: "#232f3e"
    icon: "https://static.structurizr.com/themes/amazon-web-services-2020.04.30/AWS-Cloud_light-bg@4x.png"

    children:
      - id: "6"
        name: "US-East-1"
        subtitle: "[Deployment Node]"
        backgroundColor: "#ffffff"
        color: "#147eba"
        icon: "https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Region_light-bg@4x.png"

        children:
          - id: "10"
            name: "Autoscaling group"
            subtitle: "[Deployment Node]"
            backgroundColor: "#ffffff"
            color: "#cc2264"
            icon: "https://static.structurizr.com/themes/amazon-web-services-2020.04.30/AWS-Auto-Scaling_light-bg@4x.png"

            children:
              - id: "11"
                name: "Amazon EC2 - Ubuntu server"
                subtitle: "[Deployment Node]"
                backgroundColor: "#ffffff"
                color: "#d86613"
                icon: "https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Amazon-EC2_light-bg@4x.png"

                children:
                  - id: "12"
                    name: "Web Application"
                    subtitle: "[Container: Java and Spring Boot]"
                    backgroundColor: "#ffffff"
                    color: "#000000"

          - id: "14"
            name: "Amazon RDS"
            subtitle: "[Deployment Node]"
            backgroundColor: "#ffffff"
            color: "#3b48cc"
            icon: "https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Amazon-RDS_light-bg@4x.png"

            children:
              - id: "15"
                name: "MySQL"
                subtitle: "[Deployment Node]"
                backgroundColor: "#ffffff"
                color: "#3b48cc"
                icon: "https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Amazon-RDS_MySQL_instance_light-bg@4x.png"

                children:
                  - id: "16"
                    name: "Database Schema"
                    subtitle: "[Container]"
                    backgroundColor: "#ffffff"
                    color: "#000000"

          - id: "7"
            name: "DNS router"
            subtitle: "[Infrastructure Node: Route 53]"
            description: "Routes incoming requests based upon domain name."
            backgroundColor: "#ffffff"
            color: "#693cc5"
            icon: "https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Amazon-Route-53_light-bg@4x.png"

          - id: "8"
            name: "Load Balancer"
            subtitle: "[Infrastructure Node: Elastic Load Balancer]"
            description: "Automatically distributes incoming application traffic."
            backgroundColor: "#ffffff"
            color: "#693cc5"
            icon: "https://static.structurizr.com/themes/amazon-web-services-2020.04.30/Elastic-Load-Balancing_light-bg@4x.png"

perspectives:
  - name: Static Structure
    relations:
      - from: "2"
        to: "3"
        label: "Reads from and writes to"
        description: "MySQL Protocol/SSL"
        color: "#707070"

  - name: Deployment - Live
    relations:
      - from: "12"
        to: "16"
        label: "Reads from and writes to"
        description: "MySQL Protocol/SSL"
        color: "#707070"
      - from: "7"
        to: "8"
        label: "Forwards requests to"
        description: "HTTPS"
        color: "#707070"
      - from: "8"
        to: "12"
        label: "Forwards requests to"
        description: "HTTPS"
        color: "#707070"