Skip to content
Weave templates

Data Center Topology (isometric)

Isometric infrastructure — a load-balancer funnel, web/app tiers as 3-D cubes, a worker gear and stacked primary/replica storage.

Template previewWeave
Rendering…

Make it your own.

{
  "nodes": [
    { "id":"lb",  "type":"funnel",           "label":"Load balancer", "x":80,  "y":170, "fill":"#fecaca" },
    { "id":"web", "type":"iso-cube",         "label":"Web tier",      "x":300, "y":40,  "fill":"#bfdbfe" },
    { "id":"app", "type":"iso-cube",         "label":"App tier",      "x":300, "y":300, "fill":"#c7d2fe" },
    { "id":"svc", "type":"gear",             "label":"Workers",       "x":540, "y":170, "fill":"#fde68a" },
    { "id":"db",  "type":"stacked-cylinder", "label":"Primary DB",    "x":790, "y":60,  "fill":"#a5f3fc" },
    { "id":"rep", "type":"stacked-cylinder", "label":"Replica",       "x":790, "y":290, "fill":"#bae6fd" }
  ],
  "edges": [
    { "id":"e1","source":"lb","target":"web" },
    { "id":"e2","source":"lb","target":"app" },
    { "id":"e3","source":"web","target":"svc" },
    { "id":"e4","source":"app","target":"svc" },
    { "id":"e5","source":"svc","target":"db","label":"write" },
    { "id":"e6","source":"db","target":"rep","label":"replicate" }
  ]
}