{
  "id": "bbg-p0034-networking-protocols-and-edge-networking",
  "title": "Production Web Application Topology",
  "chapter": "networking-protocols-and-edge",
  "batch": "02",
  "rank": 12,
  "sourcePage": 34,
  "sourcePointer": "p. 34",
  "status": "accepted",
  "reviewerStatus": "reviewed",
  "fidelityScore": 0.9,
  "canvas": {
    "width": 960,
    "height": 640
  },
  "fireworksTechGraph": {
    "style": "style-1-flat-icon",
    "diagramType": "network-topology",
    "topologyNotes": [
      "source page render inspected",
      "extracted page text inspected",
      "source page inspected",
      "preserve deployment, request routing, backend, data, search, queue, and observability groups",
      "omit vendor logos and decorative source artwork"
    ],
    "publicBoundary": [
      "original vector output",
      "no source pixels",
      "no source mark or long wording"
    ]
  },
  "callouts": [],
  "sourceReview": {
    "conceptAnchors": [
      "concept: DNS",
      "concept: CDN",
      "concept: Proxy",
      "concept: Load Balancer",
      "concept: CI/CD"
    ],
    "labelSource": "source-summary",
    "semanticStatus": "reviewed"
  },
  "groups": [
    {
      "id": "delivery",
      "label": "Delivery",
      "x": 42,
      "y": 106,
      "w": 168,
      "h": 366
    },
    {
      "id": "edge",
      "label": "User traffic",
      "x": 250,
      "y": 106,
      "w": 220,
      "h": 366
    },
    {
      "id": "app",
      "label": "Application tier",
      "x": 510,
      "y": 106,
      "w": 196,
      "h": 366
    },
    {
      "id": "data",
      "label": "Data and workers",
      "x": 748,
      "y": 106,
      "w": 170,
      "h": 366
    }
  ],
  "shapes": [
    {
      "id": "devs",
      "kind": "actor",
      "label": "Developers",
      "x": 78,
      "y": 142,
      "w": 86,
      "h": 88,
      "tone": "blue"
    },
    {
      "id": "cicd",
      "kind": "rect",
      "label": "CI/CD",
      "detail": "deploy",
      "x": 72,
      "y": 294,
      "w": 104,
      "h": 62,
      "tone": "orange"
    },
    {
      "id": "browser",
      "kind": "rect",
      "label": "Browser",
      "detail": "request",
      "x": 286,
      "y": 136,
      "w": 112,
      "h": 62,
      "tone": "blue"
    },
    {
      "id": "dns",
      "kind": "rect",
      "label": "DNS",
      "detail": "resolve",
      "x": 286,
      "y": 238,
      "w": 112,
      "h": 58,
      "tone": "teal"
    },
    {
      "id": "cdn",
      "kind": "gateway",
      "label": "CDN",
      "detail": "static",
      "x": 286,
      "y": 346,
      "w": 112,
      "h": 76,
      "tone": "purple"
    },
    {
      "id": "lb",
      "kind": "gateway",
      "label": "Load balancer",
      "detail": "reverse proxy",
      "x": 548,
      "y": 138,
      "w": 122,
      "h": 78,
      "tone": "orange"
    },
    {
      "id": "web",
      "kind": "rect",
      "label": "Web app",
      "detail": "servers",
      "x": 548,
      "y": 258,
      "w": 122,
      "h": 62,
      "tone": "green"
    },
    {
      "id": "backend",
      "kind": "rect",
      "label": "Backend",
      "detail": "services",
      "x": 548,
      "y": 374,
      "w": 122,
      "h": 62,
      "tone": "purple"
    },
    {
      "id": "db",
      "kind": "cylinder",
      "label": "Database",
      "detail": "records",
      "x": 784,
      "y": 132,
      "w": 102,
      "h": 76,
      "tone": "green"
    },
    {
      "id": "search",
      "kind": "rect",
      "label": "Search",
      "detail": "index",
      "x": 784,
      "y": 246,
      "w": 102,
      "h": 58,
      "tone": "teal"
    },
    {
      "id": "queue",
      "kind": "queue",
      "label": "Queue",
      "detail": "mail jobs",
      "x": 784,
      "y": 352,
      "w": 102,
      "h": 50,
      "tone": "purple"
    },
    {
      "id": "observe",
      "kind": "rect",
      "label": "Observability",
      "detail": "logs alerts",
      "x": 72,
      "y": 402,
      "w": 104,
      "h": 58,
      "tone": "red"
    }
  ],
  "connectors": [
    {
      "from": "devs",
      "to": "cicd",
      "label": "commit",
      "flow": "control"
    },
    {
      "from": "cicd",
      "to": "web",
      "label": "deploy",
      "flow": "control"
    },
    {
      "from": "browser",
      "to": "dns",
      "label": "resolve",
      "flow": "data"
    },
    {
      "from": "dns",
      "to": "cdn",
      "label": "edge",
      "flow": "data"
    },
    {
      "from": "cdn",
      "to": "lb",
      "label": "dynamic",
      "flow": "main"
    },
    {
      "from": "lb",
      "to": "web",
      "label": "balance",
      "flow": "main"
    },
    {
      "from": "web",
      "to": "backend",
      "label": "API",
      "flow": "main"
    },
    {
      "from": "backend",
      "to": "db",
      "label": "read write",
      "flow": "data"
    },
    {
      "from": "backend",
      "to": "search",
      "label": "query",
      "flow": "data"
    },
    {
      "from": "backend",
      "to": "queue",
      "label": "async",
      "flow": "async"
    },
    {
      "from": "backend",
      "to": "observe",
      "label": "signals",
      "flow": "data",
      "dashed": true
    }
  ]
}