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

{
  "name": "",
  "isFolderOnly": false,
  "fontFamily": "SourceSansPro",
  "shapes": [
    {
      "id": "root",
      "type": "image",
      "pos": {
        "x": 402,
        "y": 0
      },
      "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": 0,
        "y": 248
      },
      "width": 932,
      "height": 847,
      "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": "OUTSIDE_TOP_CENTER",
      "zIndex": 0,
      "level": 1
    },
    {
      "id": "container.root",
      "type": "image",
      "pos": {
        "x": 402,
        "y": 278
      },
      "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": 20,
        "y": 547
      },
      "width": 436,
      "height": 518,
      "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": "OUTSIDE_TOP_CENTER",
      "zIndex": 0,
      "level": 2
    },
    {
      "id": "container.left2.root",
      "type": "image",
      "pos": {
        "x": 174,
        "y": 577
      },
      "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": 50,
        "y": 846
      },
      "width": 376,
      "height": 189,
      "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": "OUTSIDE_TOP_CENTER",
      "zIndex": 0,
      "level": 3
    },
    {
      "id": "container.left2.inner.left2",
      "type": "image",
      "pos": {
        "x": 80,
        "y": 876
      },
      "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": 268,
        "y": 876
      },
      "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": 476,
        "y": 547
      },
      "width": 436,
      "height": 518,
      "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": "OUTSIDE_TOP_CENTER",
      "zIndex": 0,
      "level": 2
    },
    {
      "id": "container.right.root",
      "type": "image",
      "pos": {
        "x": 630,
        "y": 577
      },
      "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": 506,
        "y": 846
      },
      "width": 376,
      "height": 189,
      "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": "OUTSIDE_TOP_CENTER",
      "zIndex": 0,
      "level": 3
    },
    {
      "id": "container.right.inner.left2",
      "type": "image",
      "pos": {
        "x": 536,
        "y": 876
      },
      "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": 724,
        "y": 876
      },
      "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": 466,
          "y": 154
        },
        {
          "x": 466,
          "y": 173.1999969482422
        },
        {
          "x": 466,
          "y": 238
        },
        {
          "x": 466,
          "y": 278
        }
      ],
      "isCurve": true,
      "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": 190,
          "y": 704.5
        },
        {
          "x": 153.1999969482422,
          "y": 753.2999877929688
        },
        {
          "x": 144,
          "y": 836
        },
        {
          "x": 144,
          "y": 876
        }
      ],
      "isCurve": true,
      "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": 286,
          "y": 704.5
        },
        {
          "x": 322.79998779296875,
          "y": 753.2999877929688
        },
        {
          "x": 332,
          "y": 836
        },
        {
          "x": 332,
          "y": 876
        }
      ],
      "isCurve": true,
      "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": 646,
          "y": 704.5
        },
        {
          "x": 609.2000122070312,
          "y": 753.2999877929688
        },
        {
          "x": 600,
          "y": 836
        },
        {
          "x": 600,
          "y": 876
        }
      ],
      "isCurve": true,
      "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": 742,
          "y": 704.5
        },
        {
          "x": 778.7999877929688,
          "y": 753.2999877929688
        },
        {
          "x": 788,
          "y": 836
        },
        {
          "x": 788,
          "y": 876
        }
      ],
      "isCurve": true,
      "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": 402,
          "y": 376.5
        },
        {
          "x": 270.79901123046875,
          "y": 448.5
        },
        {
          "x": 238,
          "y": 537
        },
        {
          "x": 238,
          "y": 577
        }
      ],
      "isCurve": true,
      "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": 530,
          "y": 376.5
        },
        {
          "x": 661.2000122070312,
          "y": 448.5
        },
        {
          "x": 694,
          "y": 537
        },
        {
          "x": 694,
          "y": 577
        }
      ],
      "isCurve": true,
      "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
  }
}