DiagramHub · Gallery

Microservices Architecture Diagram

Live diagram ↗
Diagram source (application/json)
{
 "schema_version": 1,
 "diagram_type": "architecture",
 "meta": {
  "title": "microservices architecture: client hits api gateway, gateway"
 },
 "components": [
  {
   "id": "n1",
   "type": "frontend",
   "label": "microservices architecture: client hits ",
   "pos": [
    40,
    300
   ],
   "size": [
    340,
    60
   ]
  },
  {
   "id": "n2",
   "type": "security",
   "label": "gateway routes",
   "pos": [
    450,
    300
   ],
   "size": [
    150,
    60
   ]
  },
  {
   "id": "n3",
   "type": "backend",
   "label": "orders service",
   "pos": [
    670,
    300
   ],
   "size": [
    150,
    60
   ]
  },
  {
   "id": "n4",
   "type": "backend",
   "label": "inventory service",
   "pos": [
    890,
    300
   ],
   "size": [
    170,
    60
   ]
  },
  {
   "id": "n5",
   "type": "database",
   "label": "both use postgres",
   "pos": [
    1130,
    300
   ],
   "size": [
    170,
    60
   ]
  },
  {
   "id": "n6",
   "type": "database",
   "label": "redis cache in front",
   "pos": [
    1370,
    300
   ],
   "size": [
    192,
    60
   ]
  }
 ],
 "connections": [
  {
   "from": "n1",
   "to": "n2"
  },
  {
   "from": "n2",
   "to": "n3"
  },
  {
   "from": "n3",
   "to": "n4"
  },
  {
   "from": "n4",
   "to": "n5"
  },
  {
   "from": "n5",
   "to": "n6"
  }
 ]
}

Published 2026-09-25T20:22:32.937Z · 780 KB self-contained · sha256 899f23d91b4ab605ccb5193d64d867fb55bd0061699be8818a2c710f804e6a5f