{
  "layout": { "name": "preset" },
  "elements": {
    "nodes": [
      { "data": { "id": "5gran", "label": "4G/5G RAN" }, "position": { "x": 100, "y": 300 } },
      { "data": { "id": "host", "label": "Host Machine 1" }, "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": 950, "y": 300 } },
      { "data": { "id": "mgmt", "label": "Management" }, "position": { "x": 525, "y": 0 } },
      { "data": { "id": "host_2", "label": "Host Machine 2" }, "position": { "x": 650, "y": 250 } },
      { "data": { "id": "core_cpsig_2", "label": "ngcore-CPSIG", "parent": "host_2" }, "position": { "x": 650, "y": 150 } },
      { "data": { "id": "core_up_2", "label": "ngcore-UP", "parent": "host_2" }, "position": { "x": 650, "y": 300 } }
    ],
    "edges": [
      { "data": { "id": "e_core_up_5gran", "source": "core_up", "target": "5gran", "midLabel": "S1-U / n3", "sourceLabel": "", "targetLabel": "" } },
      { "data": { "id": "e_core_dn", "source": "core_up_2", "target": "dn", "midLabel": "SGi / 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": "S1-MME / n2", "sourceLabel": "", "targetLabel": "" } },
      { "data": { "id": "e_core_up_5gran_2", "source": "core_up_2", "target": "5gran", "midLabel": "S1-U / n3", "sourceLabel": "", "targetLabel": "" } },
      { "data": { "id": "e_core_dn_2", "source": "core_up_2", "target": "dn", "midLabel": "SGi / n6", "sourceLabel": "", "targetLabel": "" } },
      { "data": { "id": "e_mgmt_core_2", "source": "mgmt", "target": "host_2", "midLabel": "Mgmt Netw", "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": "#host_2",
      "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_cpsig_2",
      "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": "#core_up_2",
      "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
      }
    },
    {
      "selector": ".n4_curve_left",
      "style": {
        "curve-style": "unbundled-bezier",
        "control-point-distances": [-80],
        "control-point-weights": [0.5]
      }
    },
    {
      "selector": ".n4_curve_right",
      "style": {
        "curve-style": "unbundled-bezier",
        "control-point-distances": [80],
        "control-point-weights": [0.5]
      }
    }
  ]
}