Deployment Diagram

Maps containers onto infrastructure. Where a container diagram cannot answer "where does this run?".

Deployment Diagram: rendered example
Rendered by Gnomon from the source below. No edits.

The source

23 lines of PlantUML, and pulls in C4-PlantUML. Copy it, or open the template inside Gnomon and render it as it is.

@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Deployment.puml

title Deployment Diagram

Deployment_Node(cloud, "Cloud Provider", "AWS") {
  Deployment_Node(vpc, "VPC") {
    Deployment_Node(web_tier, "Web Tier") {
      Container(web, "Web App", "Nginx + Vue.js")
    }
    Deployment_Node(app_tier, "Application Tier") {
      Container(api, "API", "Node.js")
    }
    Deployment_Node(data_tier, "Data Tier") {
      ContainerDb(db, "Database", "RDS PostgreSQL")
    }
  }
}

Rel(web, api, "HTTPS")
Rel(api, db, "SQL")

@enduml

Render this offline

This template ships in Gnomon and renders on your machine, with no account and nothing sent to a server. The browser editor is free and needs no install.

Get GnomonOpen the browser editor

Others in C4 model diagrams