AWS 3-Tier Web App
User → CloudFront → ALB → ECS tasks → RDS + S3, visual canvas.
Rendering…
Make it your own.
{
"nodes": [
{ "id":"u", "type":"user", "label":"Users", "x":40, "y":160, "fill":"#dcfce7" },
{ "id":"cf", "type":"cloud", "label":"CloudFront", "x":180, "y":160 },
{ "id":"alb", "type":"rounded", "label":"ALB", "x":380, "y":160, "fill":"#fef3c7" },
{ "id":"e1", "type":"server", "label":"ECS task 1", "x":560, "y":60 },
{ "id":"e2", "type":"server", "label":"ECS task 2", "x":560, "y":210 },
{ "id":"rds", "type":"database", "label":"RDS\nmulti-AZ", "x":760, "y":140 },
{ "id":"s3", "type":"cloud", "label":"S3 — static", "x":380, "y":40 },
{ "id":"sec", "type":"hexagon", "label":"Secrets\nManager", "x":760, "y":300, "fill":"#fce7f3" }
],
"edges": [
{ "id":"a","source":"u","target":"cf" },
{ "id":"b","source":"cf","target":"s3","style":"dashed" },
{ "id":"c","source":"cf","target":"alb" },
{ "id":"d","source":"alb","target":"e1" },
{ "id":"e","source":"alb","target":"e2" },
{ "id":"f","source":"e1","target":"rds" },
{ "id":"g","source":"e2","target":"rds" },
{ "id":"h","source":"e1","target":"sec","style":"dashed" },
{ "id":"i","source":"e2","target":"sec","style":"dashed" }
]
}