A worked example, rendered from real sample data. Sign in to run the tool on your own input.
kubernetes
AWS
Production{
"diagram": "graph TB\n CDN[\"📊 CDN<br/>CloudFront\"]\n LB[\"⚖️ Load Balancer<br/>ALB\"]\n\n subgraph \"Kubernetes Cluster\"\n K8S[\"K8S Master<br/>API Server\"]\n NS1[\"ns-prod\"]\n NS2[\"ns-monitoring\"]\n\n subgraph \"Production Namespace\"\n API[\"API Pods<br/>3 replicas\"]\n WEB[\"Web Pods<br/>2 replicas\"]\n Worker[\"Worker Pods<br/>2 replicas\"]\n end\n\n subgraph \"Monitoring Namespace\"\n Prom[\"Prometheus<br/>Metrics\"]\n Grafana[\"Grafana<br/>Dashboards\"]\n end\n end\n\n subgraph \"Data Layer\"\n PG[\"PostgreSQL<br/>RDS\"]\n Redis[\"Redis<br/>ElastiCache\"]\n S3[\"S3 Storage<br/>Backups\"]\n end\n\n CDN -->|HTTPS| LB\n LB --> API\n API -->|Cache| Redis\n API -->|Query| PG\n Worker -->|Jobs| PG\n Prom -->|Monitor| K8S\n Grafana -->|Visualize| Prom\n\n style CDN fill:#e3f2fd\n style LB fill:#f3e5f5\n style API fill:#fff3e0\n style WEB fill:#f1f8e9\n style Worker fill:#fce4ec\n style K8S fill:#e0f2f1",
"format": "mermaid",
"title": "Deployment Architecture",
"environment": "Production",
"cloud": "AWS",
"components": [
"CDN",
"Load Balancer",
"Kubernetes",
"RDS",
"Redis",
"S3",
"Monitoring"
]
}
Generate deployment architecture diagrams with infrastructure, services, and cloud components. Part of the DevTools Surf developer suite. Browse more tools in the Diagrams & Workflows collection.