{
  "nodes": [
    { "id": "router-core", "data": { "type": "router", "name": "Core Router" }, "style": { "fill": "#EF4444", "radius": 22, "shape": "hexagon", "label": { "text": "Core", "color": "#fff" } } },
    { "id": "router-a", "data": { "type": "router", "name": "Router A" }, "style": { "fill": "#F59E0B", "radius": 18, "shape": "hexagon", "label": { "text": "R-A", "color": "#fff" } } },
    { "id": "router-b", "data": { "type": "router", "name": "Router B" }, "style": { "fill": "#F59E0B", "radius": 18, "shape": "hexagon", "label": { "text": "R-B", "color": "#fff" } } },
    { "id": "router-c", "data": { "type": "router", "name": "Router C" }, "style": { "fill": "#F59E0B", "radius": 18, "shape": "hexagon", "label": { "text": "R-C", "color": "#fff" } } },
    { "id": "sw-1", "data": { "type": "switch", "name": "Switch 1" }, "style": { "fill": "#3B82F6", "radius": 14, "shape": "rect", "label": { "text": "SW-1", "color": "#fff", "fontSize": 9 } } },
    { "id": "sw-2", "data": { "type": "switch", "name": "Switch 2" }, "style": { "fill": "#3B82F6", "radius": 14, "shape": "rect", "label": { "text": "SW-2", "color": "#fff", "fontSize": 9 } } },
    { "id": "sw-3", "data": { "type": "switch", "name": "Switch 3" }, "style": { "fill": "#3B82F6", "radius": 14, "shape": "rect", "label": { "text": "SW-3", "color": "#fff", "fontSize": 9 } } },
    { "id": "sw-4", "data": { "type": "switch", "name": "Switch 4" }, "style": { "fill": "#3B82F6", "radius": 14, "shape": "rect", "label": { "text": "SW-4", "color": "#fff", "fontSize": 9 } } },
    { "id": "host-1", "data": { "type": "host", "name": "web-01" }, "style": { "fill": "#10B981", "radius": 10, "label": { "text": "web-01", "color": "#fff", "fontSize": 8 } } },
    { "id": "host-2", "data": { "type": "host", "name": "web-02" }, "style": { "fill": "#10B981", "radius": 10, "label": { "text": "web-02", "color": "#fff", "fontSize": 8 } } },
    { "id": "host-3", "data": { "type": "host", "name": "db-01" }, "style": { "fill": "#8B5CF6", "radius": 10, "label": { "text": "db-01", "color": "#fff", "fontSize": 8 } } },
    { "id": "host-4", "data": { "type": "host", "name": "db-02" }, "style": { "fill": "#8B5CF6", "radius": 10, "label": { "text": "db-02", "color": "#fff", "fontSize": 8 } } },
    { "id": "host-5", "data": { "type": "host", "name": "cache-01" }, "style": { "fill": "#06B6D4", "radius": 10, "label": { "text": "cache", "color": "#fff", "fontSize": 8 } } },
    { "id": "host-6", "data": { "type": "host", "name": "app-01" }, "style": { "fill": "#10B981", "radius": 10, "label": { "text": "app-01", "color": "#fff", "fontSize": 8 } } }
  ],
  "edges": [
    { "id": "e1", "source": "router-core", "target": "router-a", "data": {}, "style": { "strokeWidth": 2.5 } },
    { "id": "e2", "source": "router-core", "target": "router-b", "data": {}, "style": { "strokeWidth": 2.5 } },
    { "id": "e3", "source": "router-core", "target": "router-c", "data": {}, "style": { "strokeWidth": 2.5 } },
    { "id": "e4", "source": "router-a", "target": "router-b", "data": {}, "style": { "dashed": true } },
    { "id": "e5", "source": "router-b", "target": "router-c", "data": {}, "style": { "dashed": true } },
    { "id": "e6", "source": "router-a", "target": "sw-1", "data": {} },
    { "id": "e7", "source": "router-a", "target": "sw-2", "data": {} },
    { "id": "e8", "source": "router-b", "target": "sw-3", "data": {} },
    { "id": "e9", "source": "router-c", "target": "sw-4", "data": {} },
    { "id": "e10", "source": "sw-1", "target": "host-1", "data": {} },
    { "id": "e11", "source": "sw-1", "target": "host-2", "data": {} },
    { "id": "e12", "source": "sw-2", "target": "host-6", "data": {} },
    { "id": "e13", "source": "sw-3", "target": "host-3", "data": {} },
    { "id": "e14", "source": "sw-3", "target": "host-4", "data": {} },
    { "id": "e15", "source": "sw-4", "target": "host-5", "data": {} }
  ],
  "layout": "force",
  "theme": "dark",
  "search": true,
  "legend": {
    "position": "bottom-right",
    "title": "Node types",
    "items": [
      { "label": "Router", "color": "#F59E0B", "shape": "hexagon" },
      { "label": "Switch", "color": "#3B82F6", "shape": "rect" },
      { "label": "Web/App", "color": "#10B981", "shape": "circle" },
      { "label": "Database", "color": "#8B5CF6", "shape": "circle" },
      { "label": "Cache", "color": "#06B6D4", "shape": "circle" }
    ]
  },
  "layoutSelector": true,
  "themeSelector": false,
  "minimap": false,
  "toolbar": true,
  "tooltip": true,
  "autoFitOnResize": true,
  "fitPadding": 50
}