Deployment Diagram Example
The Deployment diagram shows where containers are hosted and what infrastructure they run on — servers, cloud services, load balancers, network zones, and deployment environments.
See Example C4 Diagrams for an overview of all diagram types and when to use each.
To use this example in Nodinite, copy the Mermaid markup below and follow the Creating Your First C4 Diagram import walkthrough to create a Diagram Set, import the markup, and bind nodes to your Repository.
When to Use
- Documenting production infrastructure for operations and DevOps teams
- Planning cloud migrations or hybrid architecture changes
- Security reviews — identifying network boundaries and data flows across zones
- Does not show internal container logic — that is in L2 and L3
Full structural support: Infrastructure groupings (
Deployment_Nodeboundaries) are persisted with their boundary type and round-trip correctly through the Mermaid generator — imported Deployment diagrams produce identical output when regenerated.
Example: Order Management System Production Deployment
| Preview | Mermaid Code |
|---|---|
|
C4Deployment
title Order Management System - Production Deployment
Deployment_Node(web_browser, "Web Browser", "User Agent") {
Container(browser_client, "Browser Client", "Chrome/Firefox/Safari")
}
Deployment_Node(azure_region, "Azure East US (Production)", "Azure Region") {
Deployment_Node(app_service, "App Service Plan", "Azure App Service") {
Container(web_app, "Web App", "React.js SPA")
Container(order_api, "Order API", "ASP.NET Core")
}
Deployment_Node(data_tier, "Data Tier", "Azure Virtual Network") {
Container(order_db, "Order Database", "Azure SQL Database")
Container(redis_cache, "Redis Cache", "Redis")
}
Deployment_Node(integration_tier, "Integration", "Managed Services") {
Container(service_bus, "Service Bus", "Azure Service Bus")
}
}
Deployment_Node(cdn, "Content Delivery Network", "Azure CDN") {
Container(static_assets, "Static Assets", "Static files")
}
Deployment_Node(on_prem, "On-Premises (Hybrid)", "Company Data Center") {
Deployment_Node(firewall, "Network DMZ", "Fortinet FortiGate") {
Deployment_Node(api_gateway, "API Gateway", "Kong") {
Container(api_gateway_container, "API Gateway (container)", "Kong")
}
}
Deployment_Node(warehouse_system, "Warehouse LAN", "Isolated Subnet") {
Container(warehouse_erp, "Warehouse ERP", "Legacy monolith")
}
}
Rel(browser_client, static_assets, "HTTPS")
Rel(static_assets, api_gateway_container, "HTTPS")
Rel(api_gateway_container, order_api, "HTTPS")
Rel(web_app, order_api, "HTTPS")
Rel(order_api, order_db, "TDS")
Rel(order_api, redis_cache, "Redis")
Rel(order_api, service_bus, "AMQP")
Rel(api_gateway_container, warehouse_erp, "Custom TCP")
|
|
Next Step
Ready to use these diagrams in Nodinite? Creating Your First C4 Diagram walks through creating a Diagram Set, importing Mermaid markup, and binding nodes to your Repository.
Related Topics
- Example C4 Diagrams — Overview of all diagram types
- L2: Container Diagram Example — The containers placed in this deployment
- Dynamic Diagram Example — Runtime interaction sequence
- What is C4 Diagrams?
- Creating Your First C4 Diagram