d2/e2etests/testdata/stable/overlapping_image_container_labels/elk/board.exp.json

{
  "name": "",
  "isFolderOnly": false,
  "fontFamily": "SourceSansPro",
  "shapes": [
    {
      "id": "root",
      "type": "image",
      "pos": {
        "x": 484,
        "y": 12
      },
      "width": 128,
      "height": 128,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "N7",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": {
        "Scheme": "https",
        "Opaque": "",
        "User": null,
        "Host": "icons.terrastruct.com",
        "Path": "/essentials/004-picture.svg",
        "RawPath": "",
        "OmitHost": false,
        "ForceQuery": false,
        "RawQuery": "",
        "Fragment": "",
        "RawFragment": ""
      },
      "iconPosition": "INSIDE_MIDDLE_CENTER",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "root",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": true,
      "underline": false,
      "labelWidth": 30,
      "labelHeight": 21,
      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
      "zIndex": 0,
      "level": 1
    },
    {
      "id": "container",
      "type": "rectangle",
      "pos": {
        "x": 12,
        "y": 241
      },
      "width": 1072,
      "height": 1114,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "B4",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": null,
      "iconPosition": "",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "container",
      "fontSize": 28,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": false,
      "underline": false,
      "labelWidth": 112,
      "labelHeight": 36,
      "labelPosition": "INSIDE_TOP_CENTER",
      "zIndex": 0,
      "level": 1
    },
    {
      "id": "container.root",
      "type": "image",
      "pos": {
        "x": 484,
        "y": 291
      },
      "width": 128,
      "height": 128,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "N7",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": {
        "Scheme": "https",
        "Opaque": "",
        "User": null,
        "Host": "icons.terrastruct.com",
        "Path": "/essentials/004-picture.svg",
        "RawPath": "",
        "OmitHost": false,
        "ForceQuery": false,
        "RawQuery": "",
        "Fragment": "",
        "RawFragment": ""
      },
      "iconPosition": "INSIDE_MIDDLE_CENTER",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "root",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": true,
      "underline": false,
      "labelWidth": 30,
      "labelHeight": 21,
      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
      "zIndex": 0,
      "level": 2
    },
    {
      "id": "container.left2",
      "type": "rectangle",
      "pos": {
        "x": 62,
        "y": 621
      },
      "width": 476,
      "height": 684,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "B5",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": null,
      "iconPosition": "",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "left2",
      "fontSize": 24,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": false,
      "underline": false,
      "labelWidth": 44,
      "labelHeight": 31,
      "labelPosition": "INSIDE_TOP_CENTER",
      "zIndex": 0,
      "level": 2
    },
    {
      "id": "container.left2.root",
      "type": "image",
      "pos": {
        "x": 236,
        "y": 671
      },
      "width": 128,
      "height": 128,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "N7",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": {
        "Scheme": "https",
        "Opaque": "",
        "User": null,
        "Host": "icons.terrastruct.com",
        "Path": "/essentials/004-picture.svg",
        "RawPath": "",
        "OmitHost": false,
        "ForceQuery": false,
        "RawQuery": "",
        "Fragment": "",
        "RawFragment": ""
      },
      "iconPosition": "INSIDE_MIDDLE_CENTER",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "root",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": true,
      "underline": false,
      "labelWidth": 30,
      "labelHeight": 21,
      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
      "zIndex": 0,
      "level": 3
    },
    {
      "id": "container.left2.inner",
      "type": "rectangle",
      "pos": {
        "x": 112,
        "y": 1001
      },
      "width": 376,
      "height": 254,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "B6",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": null,
      "iconPosition": "",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "inner",
      "fontSize": 20,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": false,
      "underline": false,
      "labelWidth": 44,
      "labelHeight": 26,
      "labelPosition": "INSIDE_TOP_CENTER",
      "zIndex": 0,
      "level": 3
    },
    {
      "id": "container.left2.inner.left2",
      "type": "image",
      "pos": {
        "x": 162,
        "y": 1051
      },
      "width": 128,
      "height": 128,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "N7",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": {
        "Scheme": "https",
        "Opaque": "",
        "User": null,
        "Host": "icons.terrastruct.com",
        "Path": "/essentials/004-picture.svg",
        "RawPath": "",
        "OmitHost": false,
        "ForceQuery": false,
        "RawQuery": "",
        "Fragment": "",
        "RawFragment": ""
      },
      "iconPosition": "INSIDE_MIDDLE_CENTER",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "left2",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": true,
      "underline": false,
      "labelWidth": 32,
      "labelHeight": 21,
      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
      "zIndex": 0,
      "level": 4
    },
    {
      "id": "container.left2.inner.right",
      "type": "image",
      "pos": {
        "x": 310,
        "y": 1051
      },
      "width": 128,
      "height": 128,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "N7",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": {
        "Scheme": "https",
        "Opaque": "",
        "User": null,
        "Host": "icons.terrastruct.com",
        "Path": "/essentials/004-picture.svg",
        "RawPath": "",
        "OmitHost": false,
        "ForceQuery": false,
        "RawQuery": "",
        "Fragment": "",
        "RawFragment": ""
      },
      "iconPosition": "INSIDE_MIDDLE_CENTER",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "right",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": true,
      "underline": false,
      "labelWidth": 34,
      "labelHeight": 21,
      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
      "zIndex": 0,
      "level": 4
    },
    {
      "id": "container.right",
      "type": "rectangle",
      "pos": {
        "x": 558,
        "y": 621
      },
      "width": 476,
      "height": 684,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "B5",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": null,
      "iconPosition": "",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "right",
      "fontSize": 24,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": false,
      "underline": false,
      "labelWidth": 47,
      "labelHeight": 31,
      "labelPosition": "INSIDE_TOP_CENTER",
      "zIndex": 0,
      "level": 2
    },
    {
      "id": "container.right.root",
      "type": "image",
      "pos": {
        "x": 732,
        "y": 671
      },
      "width": 128,
      "height": 128,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "N7",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": {
        "Scheme": "https",
        "Opaque": "",
        "User": null,
        "Host": "icons.terrastruct.com",
        "Path": "/essentials/004-picture.svg",
        "RawPath": "",
        "OmitHost": false,
        "ForceQuery": false,
        "RawQuery": "",
        "Fragment": "",
        "RawFragment": ""
      },
      "iconPosition": "INSIDE_MIDDLE_CENTER",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "root",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": true,
      "underline": false,
      "labelWidth": 30,
      "labelHeight": 21,
      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
      "zIndex": 0,
      "level": 3
    },
    {
      "id": "container.right.inner",
      "type": "rectangle",
      "pos": {
        "x": 608,
        "y": 1001
      },
      "width": 376,
      "height": 254,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "B6",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": null,
      "iconPosition": "",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "inner",
      "fontSize": 20,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": false,
      "underline": false,
      "labelWidth": 44,
      "labelHeight": 26,
      "labelPosition": "INSIDE_TOP_CENTER",
      "zIndex": 0,
      "level": 3
    },
    {
      "id": "container.right.inner.left2",
      "type": "image",
      "pos": {
        "x": 658,
        "y": 1051
      },
      "width": 128,
      "height": 128,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "N7",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": {
        "Scheme": "https",
        "Opaque": "",
        "User": null,
        "Host": "icons.terrastruct.com",
        "Path": "/essentials/004-picture.svg",
        "RawPath": "",
        "OmitHost": false,
        "ForceQuery": false,
        "RawQuery": "",
        "Fragment": "",
        "RawFragment": ""
      },
      "iconPosition": "INSIDE_MIDDLE_CENTER",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "left2",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": true,
      "underline": false,
      "labelWidth": 32,
      "labelHeight": 21,
      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
      "zIndex": 0,
      "level": 4
    },
    {
      "id": "container.right.inner.right",
      "type": "image",
      "pos": {
        "x": 806,
        "y": 1051
      },
      "width": 128,
      "height": 128,
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "borderRadius": 0,
      "fill": "N7",
      "stroke": "B1",
      "shadow": false,
      "3d": false,
      "multiple": false,
      "double-border": false,
      "tooltip": "",
      "link": "",
      "icon": {
        "Scheme": "https",
        "Opaque": "",
        "User": null,
        "Host": "icons.terrastruct.com",
        "Path": "/essentials/004-picture.svg",
        "RawPath": "",
        "OmitHost": false,
        "ForceQuery": false,
        "RawQuery": "",
        "Fragment": "",
        "RawFragment": ""
      },
      "iconPosition": "INSIDE_MIDDLE_CENTER",
      "blend": false,
      "fields": null,
      "methods": null,
      "columns": null,
      "label": "right",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N1",
      "italic": false,
      "bold": true,
      "underline": false,
      "labelWidth": 34,
      "labelHeight": 21,
      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
      "zIndex": 0,
      "level": 4
    }
  ],
  "connections": [
    {
      "id": "(root -> container.root)[0]",
      "src": "root",
      "srcArrow": "none",
      "dst": "container.root",
      "dstArrow": "triangle",
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "stroke": "B1",
      "borderRadius": 10,
      "label": "",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N2",
      "italic": true,
      "bold": false,
      "underline": false,
      "labelWidth": 0,
      "labelHeight": 0,
      "labelPosition": "",
      "labelPercentage": 0,
      "route": [
        {
          "x": 548,
          "y": 166
        },
        {
          "x": 548,
          "y": 291
        }
      ],
      "animated": false,
      "tooltip": "",
      "icon": null,
      "zIndex": 0
    },
    {
      "id": "container.left2.(root -> inner.left2)[0]",
      "src": "container.left2.root",
      "srcArrow": "none",
      "dst": "container.left2.inner.left2",
      "dstArrow": "triangle",
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "stroke": "B1",
      "borderRadius": 10,
      "label": "to inner left2",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N2",
      "italic": true,
      "bold": false,
      "underline": false,
      "labelWidth": 84,
      "labelHeight": 21,
      "labelPosition": "INSIDE_MIDDLE_CENTER",
      "labelPercentage": 0,
      "route": [
        {
          "x": 278.6659851074219,
          "y": 825
        },
        {
          "x": 278.6659851074219,
          "y": 865
        },
        {
          "x": 226,
          "y": 865
        },
        {
          "x": 226,
          "y": 1051
        }
      ],
      "animated": false,
      "tooltip": "",
      "icon": null,
      "zIndex": 0
    },
    {
      "id": "container.left2.(root -> inner.right)[0]",
      "src": "container.left2.root",
      "srcArrow": "none",
      "dst": "container.left2.inner.right",
      "dstArrow": "triangle",
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "stroke": "B1",
      "borderRadius": 10,
      "label": "to inner right",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N2",
      "italic": true,
      "bold": false,
      "underline": false,
      "labelWidth": 86,
      "labelHeight": 21,
      "labelPosition": "INSIDE_MIDDLE_CENTER",
      "labelPercentage": 0,
      "route": [
        {
          "x": 321.3330078125,
          "y": 825
        },
        {
          "x": 321.3330078125,
          "y": 865
        },
        {
          "x": 374,
          "y": 865
        },
        {
          "x": 374,
          "y": 1051
        }
      ],
      "animated": false,
      "tooltip": "",
      "icon": null,
      "zIndex": 0
    },
    {
      "id": "container.right.(root -> inner.left2)[0]",
      "src": "container.right.root",
      "srcArrow": "none",
      "dst": "container.right.inner.left2",
      "dstArrow": "triangle",
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "stroke": "B1",
      "borderRadius": 10,
      "label": "to inner left2",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N2",
      "italic": true,
      "bold": false,
      "underline": false,
      "labelWidth": 84,
      "labelHeight": 21,
      "labelPosition": "INSIDE_MIDDLE_CENTER",
      "labelPercentage": 0,
      "route": [
        {
          "x": 774.666015625,
          "y": 825
        },
        {
          "x": 774.666015625,
          "y": 865
        },
        {
          "x": 722,
          "y": 865
        },
        {
          "x": 722,
          "y": 1051
        }
      ],
      "animated": false,
      "tooltip": "",
      "icon": null,
      "zIndex": 0
    },
    {
      "id": "container.right.(root -> inner.right)[0]",
      "src": "container.right.root",
      "srcArrow": "none",
      "dst": "container.right.inner.right",
      "dstArrow": "triangle",
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "stroke": "B1",
      "borderRadius": 10,
      "label": "to inner right",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N2",
      "italic": true,
      "bold": false,
      "underline": false,
      "labelWidth": 86,
      "labelHeight": 21,
      "labelPosition": "INSIDE_MIDDLE_CENTER",
      "labelPercentage": 0,
      "route": [
        {
          "x": 817.3330078125,
          "y": 825
        },
        {
          "x": 817.3330078125,
          "y": 865
        },
        {
          "x": 870,
          "y": 865
        },
        {
          "x": 870,
          "y": 1051
        }
      ],
      "animated": false,
      "tooltip": "",
      "icon": null,
      "zIndex": 0
    },
    {
      "id": "container.(root -> left2.root)[0]",
      "src": "container.root",
      "srcArrow": "none",
      "dst": "container.left2.root",
      "dstArrow": "triangle",
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "stroke": "B1",
      "borderRadius": 10,
      "label": "to left2 container root",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N2",
      "italic": true,
      "bold": false,
      "underline": false,
      "labelWidth": 143,
      "labelHeight": 21,
      "labelPosition": "INSIDE_MIDDLE_CENTER",
      "labelPercentage": 0,
      "route": [
        {
          "x": 526.666015625,
          "y": 445
        },
        {
          "x": 526.666015625,
          "y": 485
        },
        {
          "x": 300,
          "y": 485
        },
        {
          "x": 300,
          "y": 671
        }
      ],
      "animated": false,
      "tooltip": "",
      "icon": null,
      "zIndex": 0
    },
    {
      "id": "container.(root -> right.root)[0]",
      "src": "container.root",
      "srcArrow": "none",
      "dst": "container.right.root",
      "dstArrow": "triangle",
      "opacity": 1,
      "strokeDash": 0,
      "strokeWidth": 2,
      "stroke": "B1",
      "borderRadius": 10,
      "label": "to right container root",
      "fontSize": 16,
      "fontFamily": "DEFAULT",
      "language": "",
      "color": "N2",
      "italic": true,
      "bold": false,
      "underline": false,
      "labelWidth": 146,
      "labelHeight": 21,
      "labelPosition": "INSIDE_MIDDLE_CENTER",
      "labelPercentage": 0,
      "route": [
        {
          "x": 569.3330078125,
          "y": 445
        },
        {
          "x": 569.3330078125,
          "y": 485
        },
        {
          "x": 796,
          "y": 485
        },
        {
          "x": 796,
          "y": 671
        }
      ],
      "animated": false,
      "tooltip": "",
      "icon": null,
      "zIndex": 0
    }
  ],
  "root": {
    "id": "",
    "type": "",
    "pos": {
      "x": 0,
      "y": 0
    },
    "width": 0,
    "height": 0,
    "opacity": 0,
    "strokeDash": 0,
    "strokeWidth": 0,
    "borderRadius": 0,
    "fill": "N7",
    "stroke": "",
    "shadow": false,
    "3d": false,
    "multiple": false,
    "double-border": false,
    "tooltip": "",
    "link": "",
    "icon": null,
    "iconPosition": "",
    "blend": false,
    "fields": null,
    "methods": null,
    "columns": null,
    "label": "",
    "fontSize": 0,
    "fontFamily": "",
    "language": "",
    "color": "",
    "italic": false,
    "bold": false,
    "underline": false,
    "labelWidth": 0,
    "labelHeight": 0,
    "zIndex": 0,
    "level": 0
  }
}