{
  "layout": { "name": "preset" },
  "elements": {
    "nodes": [
      { "data": { "id": "5gran", "label": "5G RAN" }, "position": { "x": 100, "y": 300 } },
      { "data": { "id": "host", "label": "Host Machine" }, "position": { "x": 400, "y": 250 } },
      { "data": { "id": "core_cpsig", "label": "ngcore-CPSIG", "parent": "host" }, "position": { "x": 400, "y": 150 } },
      { "data": { "id": "core_up", "label": "ngcore-UP", "parent": "host" }, "position": { "x": 400, "y": 300 } },
      { "data": { "id": "dn", "label": "Data Network" }, "position": { "x": 700, "y": 300 } },
      { "data": { "id": "mgmt", "label": "Management" }, "position": { "x": 700, "y": 50 } }
    ],
    "edges": [
      { "data": { "id": "n4", "source": "core_cpsig", "target": "core_up", "midLabel": "", "sourceLabel": "", "targetLabel": "" } },
      { "data": { "id": "e_ran_core", "source": "core_up", "target": "core_cpsig", "midLabel": "n4", "sourceLabel": "", "targetLabel": "" } },
      { "data": { "id": "e_core_up_5gran", "source": "core_up", "target": "5gran", "midLabel": "n3", "sourceLabel": "", "targetLabel": "" } },
      { "data": { "id": "e_core_dn", "source": "core_up", "target": "dn", "midLabel": "n6", "sourceLabel": "", "targetLabel": "" } },
      { "data": { "id": "e_mgmt_core", "source": "mgmt", "target": "host", "midLabel": "Mgmt Netw", "sourceLabel": "", "targetLabel": "" } },
      { "data": { "id": "e_5gran_core_cpsig", "source": "5gran", "target": "core_cpsig", "midLabel": "n2", "sourceLabel": "", "targetLabel": "" } }
    ]
  },
  "styles": [
    {
      "selector": "#host",
      "style": {
        "width": 180,
        "height": 180,
        "text-valign": "bottom",
        "text-margin-y": 20,
        "background-color": "#f8fafc",
        "border-color": "#94a3b8",
        "border-width": 2,
        "font-weight": "600"
      }
    },
    {
      "selector": "#core_cpsig",
      "style": {
        "width": 140,
        "height": 60,
        "background-color": "#f59e42",
        "border-width": 0
      }
    },
    {
      "selector": "#core_up",
      "style": {
        "width": 140,
        "height": 60,
        "background-color": "#fde047",
        "border-width": 0
      }
    },
    {
      "selector": "#dn",
      "style": {
        "width": 100,
        "height": 50,
        "background-color": "#000000",
        "color": "#ffffff",
        "border-width": 0
      }
    },
    {
      "selector": "#mgmt",
      "style": {
        "width": 100,
        "height": 50,
        "border-width": 0
      }
    },
    {
      "selector": "#5gran",
      "style": {
        "width": 100,
        "height": 50,
        "background-color": "#ef4444",
        "border-width": 0
      }
    }
  ]
}