From 67a28645f4b6f54bb2364cb0d7a31525bee46e9b Mon Sep 17 00:00:00 2001
From: Gavin Nishizawa <gavin@terrastruct.com>
Date: Wed, 15 Nov 2023 14:11:03 -0800
Subject: [PATCH] add shaped_grid_positioning test

---
 e2etests/regression_test.go                   |    1 +
 .../testdata/files/shaped_grid_positioning.d2 |   39 +
 .../dagre/board.exp.json                      | 1278 +++++++++++++++++
 .../dagre/sketch.exp.svg                      |  131 ++
 .../elk/board.exp.json                        | 1278 +++++++++++++++++
 .../elk/sketch.exp.svg                        |  131 ++
 6 files changed, 2858 insertions(+)
 create mode 100644 e2etests/testdata/files/shaped_grid_positioning.d2
 create mode 100644 e2etests/testdata/regression/shaped_grid_positioning/dagre/board.exp.json
 create mode 100644 e2etests/testdata/regression/shaped_grid_positioning/dagre/sketch.exp.svg
 create mode 100644 e2etests/testdata/regression/shaped_grid_positioning/elk/board.exp.json
 create mode 100644 e2etests/testdata/regression/shaped_grid_positioning/elk/sketch.exp.svg

diff --git a/e2etests/regression_test.go b/e2etests/regression_test.go
index 211272caf..257c49b9c 100644
--- a/e2etests/regression_test.go
+++ b/e2etests/regression_test.go
@@ -1050,6 +1050,7 @@ cf many required: {
 		loadFromFile(t, "grid_rows_gap_bug"),
 		loadFromFile(t, "grid_image_label_position"),
 		loadFromFile(t, "glob_dimensions"),
+		loadFromFile(t, "shaped_grid_positioning"),
 	}
 
 	runa(t, tcs)
diff --git a/e2etests/testdata/files/shaped_grid_positioning.d2 b/e2etests/testdata/files/shaped_grid_positioning.d2
new file mode 100644
index 000000000..10178aa55
--- /dev/null
+++ b/e2etests/testdata/files/shaped_grid_positioning.d2
@@ -0,0 +1,39 @@
+vars: {
+  grid-container: {
+    label: aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa
+    grid-rows: 2
+    grid-columns: 2
+    a
+    b
+    c
+    d
+  }
+}
+circle: {
+  shape: circle
+  ...${grid-container}
+}
+
+oval: {
+  shape: oval
+  ...${grid-container}
+}
+
+diamond: {
+  shape: diamond
+  ...${grid-container}
+}
+
+square: {
+  shape: square
+  ...${grid-container}
+}
+
+rect: {
+  ...${grid-container}
+}
+
+cloud: {
+  shape: cloud
+  ...${grid-container}
+}
diff --git a/e2etests/testdata/regression/shaped_grid_positioning/dagre/board.exp.json b/e2etests/testdata/regression/shaped_grid_positioning/dagre/board.exp.json
new file mode 100644
index 000000000..8e3cfc3f8
--- /dev/null
+++ b/e2etests/testdata/regression/shaped_grid_positioning/dagre/board.exp.json
@@ -0,0 +1,1278 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "oval.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 819,
+        "y": 238
+      },
+      "width": 53,
+      "height": 66,
+      "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": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "circle.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 145,
+        "y": 89
+      },
+      "width": 53,
+      "height": 66,
+      "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": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "cloud.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 3407,
+        "y": 265
+      },
+      "width": 53,
+      "height": 66,
+      "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": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "rect.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 2820,
+        "y": 206
+      },
+      "width": 53,
+      "height": 66,
+      "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": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "square.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 2323,
+        "y": 134
+      },
+      "width": 53,
+      "height": 66,
+      "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": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "diamond.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1607,
+        "y": 206
+      },
+      "width": 53,
+      "height": 66,
+      "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": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "oval.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 912,
+        "y": 238
+      },
+      "width": 54,
+      "height": 66,
+      "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": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "square.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 2416,
+        "y": 134
+      },
+      "width": 54,
+      "height": 66,
+      "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": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "cloud.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 3500,
+        "y": 265
+      },
+      "width": 54,
+      "height": 66,
+      "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": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "circle.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 238,
+        "y": 89
+      },
+      "width": 54,
+      "height": 66,
+      "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": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "rect.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 2913,
+        "y": 206
+      },
+      "width": 54,
+      "height": 66,
+      "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": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "diamond.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1700,
+        "y": 206
+      },
+      "width": 54,
+      "height": 66,
+      "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": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "square.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 2323,
+        "y": 240
+      },
+      "width": 53,
+      "height": 66,
+      "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": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "diamond.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1607,
+        "y": 312
+      },
+      "width": 53,
+      "height": 66,
+      "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": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "cloud.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 3407,
+        "y": 371
+      },
+      "width": 53,
+      "height": 66,
+      "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": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "oval.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 819,
+        "y": 344
+      },
+      "width": 53,
+      "height": 66,
+      "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": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "rect.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 2820,
+        "y": 312
+      },
+      "width": 53,
+      "height": 66,
+      "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": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "circle.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 145,
+        "y": 195
+      },
+      "width": 53,
+      "height": 66,
+      "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": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "rect.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 2913,
+        "y": 312
+      },
+      "width": 54,
+      "height": 66,
+      "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": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "square.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 2416,
+        "y": 240
+      },
+      "width": 54,
+      "height": 66,
+      "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": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "circle.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 238,
+        "y": 195
+      },
+      "width": 54,
+      "height": 66,
+      "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": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "oval.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 912,
+        "y": 344
+      },
+      "width": 54,
+      "height": 66,
+      "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": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "diamond.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1700,
+        "y": 312
+      },
+      "width": 54,
+      "height": 66,
+      "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": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "cloud.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 3500,
+        "y": 371
+      },
+      "width": 54,
+      "height": 66,
+      "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": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "circle",
+      "type": "oval",
+      "pos": {
+        "x": 0,
+        "y": 29
+      },
+      "width": 526,
+      "height": 526,
+      "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": "aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 427,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "oval",
+      "type": "oval",
+      "pos": {
+        "x": 586,
+        "y": 130
+      },
+      "width": 598,
+      "height": 325,
+      "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": "aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 427,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "diamond",
+      "type": "diamond",
+      "pos": {
+        "x": 1244,
+        "y": 0
+      },
+      "width": 874,
+      "height": 584,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N4",
+      "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": "aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 427,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "square",
+      "type": "rectangle",
+      "pos": {
+        "x": 2178,
+        "y": 74
+      },
+      "width": 437,
+      "height": 437,
+      "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": "aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 427,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "rect",
+      "type": "rectangle",
+      "pos": {
+        "x": 2675,
+        "y": 146
+      },
+      "width": 437,
+      "height": 292,
+      "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": "aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 427,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "cloud",
+      "type": "cloud",
+      "pos": {
+        "x": 3172,
+        "y": 26
+      },
+      "width": 534,
+      "height": 533,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N7",
+      "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": "aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 427,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    }
+  ],
+  "connections": [],
+  "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
+  }
+}
diff --git a/e2etests/testdata/regression/shaped_grid_positioning/dagre/sketch.exp.svg b/e2etests/testdata/regression/shaped_grid_positioning/dagre/sketch.exp.svg
new file mode 100644
index 000000000..686a911ba
--- /dev/null
+++ b/e2etests/testdata/regression/shaped_grid_positioning/dagre/sketch.exp.svg
@@ -0,0 +1,131 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3708 586"><svg id="d2-svg" class="d2-3417826507" width="3708" height="586" viewBox="-1 -1 3708 586"><rect x="-1.000000" y="-1.000000" width="3708.000000" height="586.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3417826507 .text {
+	font-family: "d2-3417826507-font-regular";
+}
+@font-face {
+	font-family: d2-3417826507-font-regular;
+	src: url("data:application/font-woff;base64,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");
+}
+.d2-3417826507 .text-bold {
+	font-family: "d2-3417826507-font-bold";
+}
+@font-face {
+	font-family: d2-3417826507-font-bold;
+	src: url("data:application/font-woff;base64,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");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-3417826507 .fill-N1{fill:#0A0F25;}
+		.d2-3417826507 .fill-N2{fill:#676C7E;}
+		.d2-3417826507 .fill-N3{fill:#9499AB;}
+		.d2-3417826507 .fill-N4{fill:#CFD2DD;}
+		.d2-3417826507 .fill-N5{fill:#DEE1EB;}
+		.d2-3417826507 .fill-N6{fill:#EEF1F8;}
+		.d2-3417826507 .fill-N7{fill:#FFFFFF;}
+		.d2-3417826507 .fill-B1{fill:#0D32B2;}
+		.d2-3417826507 .fill-B2{fill:#0D32B2;}
+		.d2-3417826507 .fill-B3{fill:#E3E9FD;}
+		.d2-3417826507 .fill-B4{fill:#E3E9FD;}
+		.d2-3417826507 .fill-B5{fill:#EDF0FD;}
+		.d2-3417826507 .fill-B6{fill:#F7F8FE;}
+		.d2-3417826507 .fill-AA2{fill:#4A6FF3;}
+		.d2-3417826507 .fill-AA4{fill:#EDF0FD;}
+		.d2-3417826507 .fill-AA5{fill:#F7F8FE;}
+		.d2-3417826507 .fill-AB4{fill:#EDF0FD;}
+		.d2-3417826507 .fill-AB5{fill:#F7F8FE;}
+		.d2-3417826507 .stroke-N1{stroke:#0A0F25;}
+		.d2-3417826507 .stroke-N2{stroke:#676C7E;}
+		.d2-3417826507 .stroke-N3{stroke:#9499AB;}
+		.d2-3417826507 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3417826507 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3417826507 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3417826507 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3417826507 .stroke-B1{stroke:#0D32B2;}
+		.d2-3417826507 .stroke-B2{stroke:#0D32B2;}
+		.d2-3417826507 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3417826507 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3417826507 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3417826507 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3417826507 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3417826507 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3417826507 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3417826507 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3417826507 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3417826507 .background-color-N1{background-color:#0A0F25;}
+		.d2-3417826507 .background-color-N2{background-color:#676C7E;}
+		.d2-3417826507 .background-color-N3{background-color:#9499AB;}
+		.d2-3417826507 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3417826507 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3417826507 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3417826507 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3417826507 .background-color-B1{background-color:#0D32B2;}
+		.d2-3417826507 .background-color-B2{background-color:#0D32B2;}
+		.d2-3417826507 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3417826507 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3417826507 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3417826507 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3417826507 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3417826507 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3417826507 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3417826507 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3417826507 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3417826507 .color-N1{color:#0A0F25;}
+		.d2-3417826507 .color-N2{color:#676C7E;}
+		.d2-3417826507 .color-N3{color:#9499AB;}
+		.d2-3417826507 .color-N4{color:#CFD2DD;}
+		.d2-3417826507 .color-N5{color:#DEE1EB;}
+		.d2-3417826507 .color-N6{color:#EEF1F8;}
+		.d2-3417826507 .color-N7{color:#FFFFFF;}
+		.d2-3417826507 .color-B1{color:#0D32B2;}
+		.d2-3417826507 .color-B2{color:#0D32B2;}
+		.d2-3417826507 .color-B3{color:#E3E9FD;}
+		.d2-3417826507 .color-B4{color:#E3E9FD;}
+		.d2-3417826507 .color-B5{color:#EDF0FD;}
+		.d2-3417826507 .color-B6{color:#F7F8FE;}
+		.d2-3417826507 .color-AA2{color:#4A6FF3;}
+		.d2-3417826507 .color-AA4{color:#EDF0FD;}
+		.d2-3417826507 .color-AA5{color:#F7F8FE;}
+		.d2-3417826507 .color-AB4{color:#EDF0FD;}
+		.d2-3417826507 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="circle"><g class="shape" ><ellipse rx="263.000000" ry="263.000000" cx="263.000000" cy="292.000000" class="shape stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="263.000000" y="140.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa</text></g><g id="oval"><g class="shape" ><ellipse rx="299.000000" ry="162.500000" cx="885.000000" cy="292.500000" class="shape stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="885.000000" y="211.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa</text></g><g id="diamond"><g class="shape" ><path d="M 1681 584 C 1678 584 1675 583 1673 582 L 1247 298 C 1242 295 1242 290 1247 287 L 1673 2 C 1678 -1 1684 -1 1689 2 L 2115 287 C 2120 290 2120 295 2115 298 L 1689 582 C 1687 583 1684 584 1681 584 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1681.000000" y="179.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa</text></g><g id="square"><g class="shape" ><rect x="2178.000000" y="74.000000" width="437.000000" height="437.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="2396.500000" y="107.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa</text></g><g id="rect"><g class="shape" ><rect x="2675.000000" y="146.000000" width="437.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="2893.500000" y="179.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa</text></g><g id="cloud"><g class="shape" ><path d="M 3260 212 C 3260 218 3256 223 3253 223 C 3208 230 3172 302 3172 390 C 3172 483 3212 558 3263 558 H 3607 C 3661 558 3706 477 3706 380 C 3706 287 3665 209 3614 203 C 3610 203 3607 199 3606 192 C 3594 97 3541 26 3479 26 C 3438 26 3402 56 3379 102 C 3376 108 3372 109 3369 108 C 3360 102 3350 100 3340 100 C 3298 99 3264 149 3260 212 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="3439.021000" y="238.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa</text></g><g id="oval.a"><g class="shape" ><rect x="819.000000" y="238.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="845.500000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="circle.a"><g class="shape" ><rect x="145.000000" y="89.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="171.500000" y="127.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="cloud.a"><g class="shape" ><rect x="3407.000000" y="265.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="3433.500000" y="303.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="rect.a"><g class="shape" ><rect x="2820.000000" y="206.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2846.500000" y="244.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="square.a"><g class="shape" ><rect x="2323.000000" y="134.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2349.500000" y="172.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="diamond.a"><g class="shape" ><rect x="1607.000000" y="206.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1633.500000" y="244.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="oval.b"><g class="shape" ><rect x="912.000000" y="238.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="939.000000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="square.b"><g class="shape" ><rect x="2416.000000" y="134.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2443.000000" y="172.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="cloud.b"><g class="shape" ><rect x="3500.000000" y="265.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="3527.000000" y="303.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="circle.b"><g class="shape" ><rect x="238.000000" y="89.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="265.000000" y="127.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="rect.b"><g class="shape" ><rect x="2913.000000" y="206.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2940.000000" y="244.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="diamond.b"><g class="shape" ><rect x="1700.000000" y="206.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1727.000000" y="244.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="square.c"><g class="shape" ><rect x="2323.000000" y="240.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2349.500000" y="278.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="diamond.c"><g class="shape" ><rect x="1607.000000" y="312.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1633.500000" y="350.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="cloud.c"><g class="shape" ><rect x="3407.000000" y="371.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="3433.500000" y="409.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="oval.c"><g class="shape" ><rect x="819.000000" y="344.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="845.500000" y="382.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="rect.c"><g class="shape" ><rect x="2820.000000" y="312.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2846.500000" y="350.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="circle.c"><g class="shape" ><rect x="145.000000" y="195.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="171.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="rect.d"><g class="shape" ><rect x="2913.000000" y="312.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2940.000000" y="350.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="square.d"><g class="shape" ><rect x="2416.000000" y="240.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2443.000000" y="278.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="circle.d"><g class="shape" ><rect x="238.000000" y="195.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="265.000000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="oval.d"><g class="shape" ><rect x="912.000000" y="344.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="939.000000" y="382.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="diamond.d"><g class="shape" ><rect x="1700.000000" y="312.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1727.000000" y="350.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="cloud.d"><g class="shape" ><rect x="3500.000000" y="371.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="3527.000000" y="409.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-3417826507" maskUnits="userSpaceOnUse" x="-1" y="-1" width="3708" height="586">
+<rect x="-1" y="-1" width="3708" height="586" fill="white"></rect>
+<rect x="49.500000" y="112.000000" width="427" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="671.500000" y="183.000000" width="427" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1467.500000" y="151.000000" width="427" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2183.000000" y="79.000000" width="427" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2680.000000" y="151.000000" width="427" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="3225.521000" y="210.000000" width="427" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="841.500000" y="260.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="167.500000" y="111.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="3429.500000" y="287.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2842.500000" y="228.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2345.500000" y="156.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1629.500000" y="228.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="935.000000" y="260.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2439.000000" y="156.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="3523.000000" y="287.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="261.000000" y="111.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2936.000000" y="228.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1723.000000" y="228.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2345.500000" y="262.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1629.500000" y="334.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="3429.500000" y="393.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="841.500000" y="366.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2842.500000" y="334.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="167.500000" y="217.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2935.500000" y="334.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2438.500000" y="262.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="260.500000" y="217.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="934.500000" y="366.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1722.500000" y="334.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="3522.500000" y="393.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/regression/shaped_grid_positioning/elk/board.exp.json b/e2etests/testdata/regression/shaped_grid_positioning/elk/board.exp.json
new file mode 100644
index 000000000..97d3badba
--- /dev/null
+++ b/e2etests/testdata/regression/shaped_grid_positioning/elk/board.exp.json
@@ -0,0 +1,1278 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "oval.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 791,
+        "y": 249
+      },
+      "width": 53,
+      "height": 66,
+      "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": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "circle.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 157,
+        "y": 101
+      },
+      "width": 53,
+      "height": 66,
+      "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": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "cloud.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 3219,
+        "y": 276
+      },
+      "width": 53,
+      "height": 66,
+      "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": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "rect.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 2672,
+        "y": 218
+      },
+      "width": 53,
+      "height": 66,
+      "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": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "square.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 2215,
+        "y": 145
+      },
+      "width": 53,
+      "height": 66,
+      "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": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "diamond.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1539,
+        "y": 218
+      },
+      "width": 53,
+      "height": 66,
+      "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": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "oval.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 884,
+        "y": 249
+      },
+      "width": 54,
+      "height": 66,
+      "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": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "square.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 2308,
+        "y": 145
+      },
+      "width": 54,
+      "height": 66,
+      "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": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "cloud.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 3312,
+        "y": 276
+      },
+      "width": 54,
+      "height": 66,
+      "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": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "circle.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 250,
+        "y": 101
+      },
+      "width": 54,
+      "height": 66,
+      "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": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "rect.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 2765,
+        "y": 218
+      },
+      "width": 54,
+      "height": 66,
+      "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": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "diamond.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1632,
+        "y": 218
+      },
+      "width": 54,
+      "height": 66,
+      "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": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "square.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 2215,
+        "y": 251
+      },
+      "width": 53,
+      "height": 66,
+      "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": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "diamond.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1539,
+        "y": 324
+      },
+      "width": 53,
+      "height": 66,
+      "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": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "cloud.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 3219,
+        "y": 382
+      },
+      "width": 53,
+      "height": 66,
+      "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": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "oval.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 791,
+        "y": 355
+      },
+      "width": 53,
+      "height": 66,
+      "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": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "rect.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 2672,
+        "y": 324
+      },
+      "width": 53,
+      "height": 66,
+      "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": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "circle.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 157,
+        "y": 207
+      },
+      "width": 53,
+      "height": 66,
+      "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": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "rect.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 2765,
+        "y": 324
+      },
+      "width": 54,
+      "height": 66,
+      "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": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "square.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 2308,
+        "y": 251
+      },
+      "width": 54,
+      "height": 66,
+      "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": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "circle.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 250,
+        "y": 207
+      },
+      "width": 54,
+      "height": 66,
+      "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": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "oval.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 884,
+        "y": 355
+      },
+      "width": 54,
+      "height": 66,
+      "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": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "diamond.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1632,
+        "y": 324
+      },
+      "width": 54,
+      "height": 66,
+      "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": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "cloud.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 3312,
+        "y": 382
+      },
+      "width": 54,
+      "height": 66,
+      "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": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "circle",
+      "type": "oval",
+      "pos": {
+        "x": 12,
+        "y": 41
+      },
+      "width": 526,
+      "height": 526,
+      "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": "aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 427,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "oval",
+      "type": "oval",
+      "pos": {
+        "x": 558,
+        "y": 141
+      },
+      "width": 598,
+      "height": 325,
+      "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": "aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 427,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "diamond",
+      "type": "diamond",
+      "pos": {
+        "x": 1176,
+        "y": 12
+      },
+      "width": 874,
+      "height": 584,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N4",
+      "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": "aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 427,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "square",
+      "type": "rectangle",
+      "pos": {
+        "x": 2070,
+        "y": 85
+      },
+      "width": 437,
+      "height": 437,
+      "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": "aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 427,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "rect",
+      "type": "rectangle",
+      "pos": {
+        "x": 2527,
+        "y": 158
+      },
+      "width": 437,
+      "height": 292,
+      "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": "aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 427,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "cloud",
+      "type": "cloud",
+      "pos": {
+        "x": 2984,
+        "y": 37
+      },
+      "width": 534,
+      "height": 533,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N7",
+      "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": "aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 427,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    }
+  ],
+  "connections": [],
+  "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
+  }
+}
diff --git a/e2etests/testdata/regression/shaped_grid_positioning/elk/sketch.exp.svg b/e2etests/testdata/regression/shaped_grid_positioning/elk/sketch.exp.svg
new file mode 100644
index 000000000..bec267afa
--- /dev/null
+++ b/e2etests/testdata/regression/shaped_grid_positioning/elk/sketch.exp.svg
@@ -0,0 +1,131 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3508 586"><svg id="d2-svg" class="d2-1807609496" width="3508" height="586" viewBox="11 11 3508 586"><rect x="11.000000" y="11.000000" width="3508.000000" height="586.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1807609496 .text {
+	font-family: "d2-1807609496-font-regular";
+}
+@font-face {
+	font-family: d2-1807609496-font-regular;
+	src: url("data:application/font-woff;base64,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");
+}
+.d2-1807609496 .text-bold {
+	font-family: "d2-1807609496-font-bold";
+}
+@font-face {
+	font-family: d2-1807609496-font-bold;
+	src: url("data:application/font-woff;base64,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");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-1807609496 .fill-N1{fill:#0A0F25;}
+		.d2-1807609496 .fill-N2{fill:#676C7E;}
+		.d2-1807609496 .fill-N3{fill:#9499AB;}
+		.d2-1807609496 .fill-N4{fill:#CFD2DD;}
+		.d2-1807609496 .fill-N5{fill:#DEE1EB;}
+		.d2-1807609496 .fill-N6{fill:#EEF1F8;}
+		.d2-1807609496 .fill-N7{fill:#FFFFFF;}
+		.d2-1807609496 .fill-B1{fill:#0D32B2;}
+		.d2-1807609496 .fill-B2{fill:#0D32B2;}
+		.d2-1807609496 .fill-B3{fill:#E3E9FD;}
+		.d2-1807609496 .fill-B4{fill:#E3E9FD;}
+		.d2-1807609496 .fill-B5{fill:#EDF0FD;}
+		.d2-1807609496 .fill-B6{fill:#F7F8FE;}
+		.d2-1807609496 .fill-AA2{fill:#4A6FF3;}
+		.d2-1807609496 .fill-AA4{fill:#EDF0FD;}
+		.d2-1807609496 .fill-AA5{fill:#F7F8FE;}
+		.d2-1807609496 .fill-AB4{fill:#EDF0FD;}
+		.d2-1807609496 .fill-AB5{fill:#F7F8FE;}
+		.d2-1807609496 .stroke-N1{stroke:#0A0F25;}
+		.d2-1807609496 .stroke-N2{stroke:#676C7E;}
+		.d2-1807609496 .stroke-N3{stroke:#9499AB;}
+		.d2-1807609496 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1807609496 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1807609496 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1807609496 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1807609496 .stroke-B1{stroke:#0D32B2;}
+		.d2-1807609496 .stroke-B2{stroke:#0D32B2;}
+		.d2-1807609496 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1807609496 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1807609496 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1807609496 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1807609496 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1807609496 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1807609496 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1807609496 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1807609496 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1807609496 .background-color-N1{background-color:#0A0F25;}
+		.d2-1807609496 .background-color-N2{background-color:#676C7E;}
+		.d2-1807609496 .background-color-N3{background-color:#9499AB;}
+		.d2-1807609496 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1807609496 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1807609496 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1807609496 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1807609496 .background-color-B1{background-color:#0D32B2;}
+		.d2-1807609496 .background-color-B2{background-color:#0D32B2;}
+		.d2-1807609496 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1807609496 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1807609496 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1807609496 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1807609496 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1807609496 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1807609496 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1807609496 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1807609496 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1807609496 .color-N1{color:#0A0F25;}
+		.d2-1807609496 .color-N2{color:#676C7E;}
+		.d2-1807609496 .color-N3{color:#9499AB;}
+		.d2-1807609496 .color-N4{color:#CFD2DD;}
+		.d2-1807609496 .color-N5{color:#DEE1EB;}
+		.d2-1807609496 .color-N6{color:#EEF1F8;}
+		.d2-1807609496 .color-N7{color:#FFFFFF;}
+		.d2-1807609496 .color-B1{color:#0D32B2;}
+		.d2-1807609496 .color-B2{color:#0D32B2;}
+		.d2-1807609496 .color-B3{color:#E3E9FD;}
+		.d2-1807609496 .color-B4{color:#E3E9FD;}
+		.d2-1807609496 .color-B5{color:#EDF0FD;}
+		.d2-1807609496 .color-B6{color:#F7F8FE;}
+		.d2-1807609496 .color-AA2{color:#4A6FF3;}
+		.d2-1807609496 .color-AA4{color:#EDF0FD;}
+		.d2-1807609496 .color-AA5{color:#F7F8FE;}
+		.d2-1807609496 .color-AB4{color:#EDF0FD;}
+		.d2-1807609496 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="circle"><g class="shape" ><ellipse rx="263.000000" ry="263.000000" cx="275.000000" cy="304.000000" class="shape stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="275.000000" y="152.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa</text></g><g id="oval"><g class="shape" ><ellipse rx="299.000000" ry="162.500000" cx="857.000000" cy="303.500000" class="shape stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="857.000000" y="222.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa</text></g><g id="diamond"><g class="shape" ><path d="M 1613 596 C 1610 596 1607 595 1605 594 L 1179 310 C 1174 307 1174 302 1179 299 L 1605 14 C 1610 11 1616 11 1621 14 L 2047 299 C 2052 302 2052 307 2047 310 L 1621 594 C 1619 595 1616 596 1613 596 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1613.000000" y="191.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa</text></g><g id="square"><g class="shape" ><rect x="2070.000000" y="85.000000" width="437.000000" height="437.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="2288.500000" y="118.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa</text></g><g id="rect"><g class="shape" ><rect x="2527.000000" y="158.000000" width="437.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="2745.500000" y="191.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa</text></g><g id="cloud"><g class="shape" ><path d="M 3072 223 C 3072 229 3068 234 3065 234 C 3020 241 2984 313 2984 401 C 2984 494 3024 569 3075 569 H 3419 C 3473 569 3518 488 3518 391 C 3518 298 3477 220 3426 214 C 3422 214 3419 210 3418 203 C 3406 108 3353 37 3291 37 C 3250 37 3214 67 3191 113 C 3188 119 3184 120 3181 119 C 3172 113 3162 111 3152 111 C 3110 110 3076 160 3072 223 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="3251.021000" y="249.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa</text></g><g id="oval.a"><g class="shape" ><rect x="791.000000" y="249.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="817.500000" y="287.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="circle.a"><g class="shape" ><rect x="157.000000" y="101.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="183.500000" y="139.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="cloud.a"><g class="shape" ><rect x="3219.000000" y="276.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="3245.500000" y="314.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="rect.a"><g class="shape" ><rect x="2672.000000" y="218.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2698.500000" y="256.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="square.a"><g class="shape" ><rect x="2215.000000" y="145.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2241.500000" y="183.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="diamond.a"><g class="shape" ><rect x="1539.000000" y="218.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1565.500000" y="256.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="oval.b"><g class="shape" ><rect x="884.000000" y="249.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="911.000000" y="287.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="square.b"><g class="shape" ><rect x="2308.000000" y="145.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2335.000000" y="183.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="cloud.b"><g class="shape" ><rect x="3312.000000" y="276.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="3339.000000" y="314.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="circle.b"><g class="shape" ><rect x="250.000000" y="101.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="277.000000" y="139.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="rect.b"><g class="shape" ><rect x="2765.000000" y="218.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2792.000000" y="256.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="diamond.b"><g class="shape" ><rect x="1632.000000" y="218.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1659.000000" y="256.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="square.c"><g class="shape" ><rect x="2215.000000" y="251.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2241.500000" y="289.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="diamond.c"><g class="shape" ><rect x="1539.000000" y="324.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1565.500000" y="362.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="cloud.c"><g class="shape" ><rect x="3219.000000" y="382.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="3245.500000" y="420.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="oval.c"><g class="shape" ><rect x="791.000000" y="355.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="817.500000" y="393.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="rect.c"><g class="shape" ><rect x="2672.000000" y="324.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2698.500000" y="362.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="circle.c"><g class="shape" ><rect x="157.000000" y="207.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="183.500000" y="245.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="rect.d"><g class="shape" ><rect x="2765.000000" y="324.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2792.000000" y="362.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="square.d"><g class="shape" ><rect x="2308.000000" y="251.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2335.000000" y="289.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="circle.d"><g class="shape" ><rect x="250.000000" y="207.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="277.000000" y="245.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="oval.d"><g class="shape" ><rect x="884.000000" y="355.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="911.000000" y="393.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="diamond.d"><g class="shape" ><rect x="1632.000000" y="324.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1659.000000" y="362.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="cloud.d"><g class="shape" ><rect x="3312.000000" y="382.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="3339.000000" y="420.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-1807609496" maskUnits="userSpaceOnUse" x="11" y="11" width="3508" height="586">
+<rect x="11" y="11" width="3508" height="586" fill="white"></rect>
+<rect x="61.500000" y="124.000000" width="427" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="643.500000" y="194.000000" width="427" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1399.500000" y="163.000000" width="427" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2075.000000" y="90.000000" width="427" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2532.000000" y="163.000000" width="427" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="3037.521000" y="221.000000" width="427" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="813.500000" y="271.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="179.500000" y="123.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="3241.500000" y="298.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2694.500000" y="240.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2237.500000" y="167.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1561.500000" y="240.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="907.000000" y="271.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2331.000000" y="167.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="3335.000000" y="298.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="273.000000" y="123.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2788.000000" y="240.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1655.000000" y="240.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2237.500000" y="273.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1561.500000" y="346.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="3241.500000" y="404.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="813.500000" y="377.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2694.500000" y="346.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="179.500000" y="229.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2787.500000" y="346.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="2330.500000" y="273.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="272.500000" y="229.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="906.500000" y="377.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1654.500000" y="346.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="3334.500000" y="404.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+</mask></svg></svg>
\ No newline at end of file