diff --git a/ci/release/changelogs/next.md b/ci/release/changelogs/next.md
index d7ff59fef1..a8a1cb5ec7 100644
--- a/ci/release/changelogs/next.md
+++ b/ci/release/changelogs/next.md
@@ -1,6 +1,7 @@
 #### Features 🚀
 
 - Export diagrams to `.pptx` (PowerPoint)[#1139](https://github.com/terrastruct/d2/pull/1139)
+- Customize gap size in grid diagrams with `grid-gap`, `vertical-gap`, or `horizontal-gap` [#1178](https://github.com/terrastruct/d2/issues/1178)
 
 #### Improvements 🧹
 
diff --git a/d2compiler/compile.go b/d2compiler/compile.go
index 817f4169f4..fc3b1bfec8 100644
--- a/d2compiler/compile.go
+++ b/d2compiler/compile.go
@@ -420,6 +420,45 @@ func (c *compiler) compileReserved(attrs *d2graph.Attributes, f *d2ir.Field) {
 		attrs.GridColumns = &d2graph.Scalar{}
 		attrs.GridColumns.Value = scalar.ScalarString()
 		attrs.GridColumns.MapKey = f.LastPrimaryKey()
+	case "grid-gap":
+		v, err := strconv.Atoi(scalar.ScalarString())
+		if err != nil {
+			c.errorf(scalar, "non-integer grid-gap %#v: %s", scalar.ScalarString(), err)
+			return
+		}
+		if v < 0 {
+			c.errorf(scalar, "grid-gap must be a non-negative integer: %#v", scalar.ScalarString())
+			return
+		}
+		attrs.GridGap = &d2graph.Scalar{}
+		attrs.GridGap.Value = scalar.ScalarString()
+		attrs.GridGap.MapKey = f.LastPrimaryKey()
+	case "vertical-gap":
+		v, err := strconv.Atoi(scalar.ScalarString())
+		if err != nil {
+			c.errorf(scalar, "non-integer vertical-gap %#v: %s", scalar.ScalarString(), err)
+			return
+		}
+		if v < 0 {
+			c.errorf(scalar, "vertical-gap must be a non-negative integer: %#v", scalar.ScalarString())
+			return
+		}
+		attrs.VerticalGap = &d2graph.Scalar{}
+		attrs.VerticalGap.Value = scalar.ScalarString()
+		attrs.VerticalGap.MapKey = f.LastPrimaryKey()
+	case "horizontal-gap":
+		v, err := strconv.Atoi(scalar.ScalarString())
+		if err != nil {
+			c.errorf(scalar, "non-integer horizontal-gap %#v: %s", scalar.ScalarString(), err)
+			return
+		}
+		if v < 0 {
+			c.errorf(scalar, "horizontal-gap must be a non-negative integer: %#v", scalar.ScalarString())
+			return
+		}
+		attrs.HorizontalGap = &d2graph.Scalar{}
+		attrs.HorizontalGap.Value = scalar.ScalarString()
+		attrs.HorizontalGap.MapKey = f.LastPrimaryKey()
 	case "class":
 		attrs.Classes = append(attrs.Classes, scalar.ScalarString())
 	case "classes":
@@ -757,7 +796,7 @@ func (c *compiler) validateKey(obj *d2graph.Object, f *d2ir.Field) {
 			if !in && arrowheadIn {
 				c.errorf(f.LastPrimaryKey(), fmt.Sprintf(`invalid shape, can only set "%s" for arrowheads`, obj.Attributes.Shape.Value))
 			}
-		case "grid-rows", "grid-columns":
+		case "grid-rows", "grid-columns", "grid-gap", "vertical-gap", "horizontal-gap":
 			for _, child := range obj.ChildrenArray {
 				if child.IsContainer() {
 					c.errorf(f.LastPrimaryKey(),
diff --git a/d2compiler/compile_test.go b/d2compiler/compile_test.go
index c484dd4e03..c5750ff884 100644
--- a/d2compiler/compile_test.go
+++ b/d2compiler/compile_test.go
@@ -2301,6 +2301,16 @@ obj {
 `,
 			expErr: `d2/testdata/d2compiler/TestCompile/grid_negative.d2:3:16: grid-columns must be a positive integer: "-200"`,
 		},
+		{
+			name: "grid_gap_negative",
+			text: `hey: {
+	horizontal-gap: -200
+	vertical-gap: -30
+}
+`,
+			expErr: `d2/testdata/d2compiler/TestCompile/grid_gap_negative.d2:2:18: horizontal-gap must be a non-negative integer: "-200"
+d2/testdata/d2compiler/TestCompile/grid_gap_negative.d2:3:16: vertical-gap must be a non-negative integer: "-30"`,
+		},
 		{
 			name: "grid_edge",
 			text: `hey: {
diff --git a/d2graph/d2graph.go b/d2graph/d2graph.go
index 8b5e27696c..d8ebc011ed 100644
--- a/d2graph/d2graph.go
+++ b/d2graph/d2graph.go
@@ -136,8 +136,11 @@ type Attributes struct {
 	Direction  Scalar `json:"direction"`
 	Constraint Scalar `json:"constraint"`
 
-	GridRows    *Scalar `json:"gridRows,omitempty"`
-	GridColumns *Scalar `json:"gridColumns,omitempty"`
+	GridRows      *Scalar `json:"gridRows,omitempty"`
+	GridColumns   *Scalar `json:"gridColumns,omitempty"`
+	GridGap       *Scalar `json:"gridGap,omitempty"`
+	VerticalGap   *Scalar `json:"verticalGap,omitempty"`
+	HorizontalGap *Scalar `json:"horizontalGap,omitempty"`
 
 	// These names are attached to the rendered elements in SVG
 	// so that users can target them however they like outside of D2
@@ -1588,23 +1591,26 @@ var ReservedKeywords2 map[string]struct{}
 
 // Non Style/Holder keywords.
 var SimpleReservedKeywords = map[string]struct{}{
-	"label":        {},
-	"desc":         {},
-	"shape":        {},
-	"icon":         {},
-	"constraint":   {},
-	"tooltip":      {},
-	"link":         {},
-	"near":         {},
-	"width":        {},
-	"height":       {},
-	"direction":    {},
-	"top":          {},
-	"left":         {},
-	"grid-rows":    {},
-	"grid-columns": {},
-	"class":        {},
-	"classes":      {},
+	"label":          {},
+	"desc":           {},
+	"shape":          {},
+	"icon":           {},
+	"constraint":     {},
+	"tooltip":        {},
+	"link":           {},
+	"near":           {},
+	"width":          {},
+	"height":         {},
+	"direction":      {},
+	"top":            {},
+	"left":           {},
+	"grid-rows":      {},
+	"grid-columns":   {},
+	"grid-gap":       {},
+	"vertical-gap":   {},
+	"horizontal-gap": {},
+	"class":          {},
+	"classes":        {},
 }
 
 // ReservedKeywordHolders are reserved keywords that are meaningless on its own and exist solely to hold a set of reserved keywords
diff --git a/d2layouts/d2grid/grid_diagram.go b/d2layouts/d2grid/grid_diagram.go
index 264bc07cc5..462f54b69a 100644
--- a/d2layouts/d2grid/grid_diagram.go
+++ b/d2layouts/d2grid/grid_diagram.go
@@ -19,10 +19,19 @@ type gridDiagram struct {
 
 	width  float64
 	height float64
+
+	verticalGap   int
+	horizontalGap int
 }
 
 func newGridDiagram(root *d2graph.Object) *gridDiagram {
-	gd := gridDiagram{root: root, objects: root.ChildrenArray}
+	gd := gridDiagram{
+		root:          root,
+		objects:       root.ChildrenArray,
+		verticalGap:   DEFAULT_GAP,
+		horizontalGap: DEFAULT_GAP,
+	}
+
 	if root.Attributes.GridRows != nil {
 		gd.rows, _ = strconv.Atoi(root.Attributes.GridRows.Value)
 	}
@@ -66,6 +75,18 @@ func newGridDiagram(root *d2graph.Object) *gridDiagram {
 		gd.rowDirected = true
 	}
 
+	// grid gap sets both, but can be overridden
+	if root.Attributes.GridGap != nil {
+		gd.verticalGap, _ = strconv.Atoi(root.Attributes.GridGap.Value)
+		gd.horizontalGap = gd.verticalGap
+	}
+	if root.Attributes.VerticalGap != nil {
+		gd.verticalGap, _ = strconv.Atoi(root.Attributes.VerticalGap.Value)
+	}
+	if root.Attributes.HorizontalGap != nil {
+		gd.horizontalGap, _ = strconv.Atoi(root.Attributes.HorizontalGap.Value)
+	}
+
 	return &gd
 }
 
diff --git a/d2layouts/d2grid/layout.go b/d2layouts/d2grid/layout.go
index 1edae90665..6650bd2c71 100644
--- a/d2layouts/d2grid/layout.go
+++ b/d2layouts/d2grid/layout.go
@@ -13,8 +13,7 @@ import (
 
 const (
 	CONTAINER_PADDING = 60
-	HORIZONTAL_PAD    = 40.
-	VERTICAL_PAD      = 40.
+	DEFAULT_GAP       = 40
 )
 
 // Layout runs the grid layout on containers with rows/columns
@@ -178,6 +177,9 @@ func (gd *gridDiagram) layoutEvenly(g *d2graph.Graph, obj *d2graph.Object) {
 		colWidths = append(colWidths, columnWidth)
 	}
 
+	horizontalGap := float64(gd.horizontalGap)
+	verticalGap := float64(gd.verticalGap)
+
 	cursor := geo.NewPoint(0, 0)
 	if gd.rowDirected {
 		for i := 0; i < gd.rows; i++ {
@@ -189,10 +191,10 @@ func (gd *gridDiagram) layoutEvenly(g *d2graph.Graph, obj *d2graph.Object) {
 				o.Width = colWidths[j]
 				o.Height = rowHeights[i]
 				o.TopLeft = cursor.Copy()
-				cursor.X += o.Width + HORIZONTAL_PAD
+				cursor.X += o.Width + horizontalGap
 			}
 			cursor.X = 0
-			cursor.Y += rowHeights[i] + VERTICAL_PAD
+			cursor.Y += rowHeights[i] + verticalGap
 		}
 	} else {
 		for j := 0; j < gd.columns; j++ {
@@ -204,22 +206,22 @@ func (gd *gridDiagram) layoutEvenly(g *d2graph.Graph, obj *d2graph.Object) {
 				o.Width = colWidths[j]
 				o.Height = rowHeights[i]
 				o.TopLeft = cursor.Copy()
-				cursor.Y += o.Height + VERTICAL_PAD
+				cursor.Y += o.Height + verticalGap
 			}
-			cursor.X += colWidths[j] + HORIZONTAL_PAD
+			cursor.X += colWidths[j] + horizontalGap
 			cursor.Y = 0
 		}
 	}
 
 	var totalWidth, totalHeight float64
 	for _, w := range colWidths {
-		totalWidth += w + HORIZONTAL_PAD
+		totalWidth += w + horizontalGap
 	}
 	for _, h := range rowHeights {
-		totalHeight += h + VERTICAL_PAD
+		totalHeight += h + verticalGap
 	}
-	totalWidth -= HORIZONTAL_PAD
-	totalHeight -= VERTICAL_PAD
+	totalWidth -= horizontalGap
+	totalHeight -= verticalGap
 	gd.width = totalWidth
 	gd.height = totalHeight
 }
@@ -240,14 +242,17 @@ func (gd *gridDiagram) layoutDynamic(g *d2graph.Graph, obj *d2graph.Object) {
 	// . │              │  ├ ─ ┤  │          │  │         │  │                 │
 	// . └──────────────┘  └───┘  └──────────┘  └─────────┘  └─────────────────┘
 
+	horizontalGap := float64(gd.horizontalGap)
+	verticalGap := float64(gd.verticalGap)
+
 	// we want to split up the total width across the N rows or columns as evenly as possible
 	var totalWidth, totalHeight float64
 	for _, o := range gd.objects {
 		totalWidth += o.Width
 		totalHeight += o.Height
 	}
-	totalWidth += HORIZONTAL_PAD * float64(len(gd.objects)-gd.rows)
-	totalHeight += VERTICAL_PAD * float64(len(gd.objects)-gd.columns)
+	totalWidth += horizontalGap * float64(len(gd.objects)-gd.rows)
+	totalHeight += verticalGap * float64(len(gd.objects)-gd.columns)
 
 	var layout [][]*d2graph.Object
 	if gd.rowDirected {
@@ -278,10 +283,10 @@ func (gd *gridDiagram) layoutDynamic(g *d2graph.Graph, obj *d2graph.Object) {
 			rowHeight := 0.
 			for _, o := range row {
 				o.TopLeft = cursor.Copy()
-				cursor.X += o.Width + HORIZONTAL_PAD
+				cursor.X += o.Width + horizontalGap
 				rowHeight = math.Max(rowHeight, o.Height)
 			}
-			rowWidth := cursor.X - HORIZONTAL_PAD
+			rowWidth := cursor.X - horizontalGap
 			rowWidths = append(rowWidths, rowWidth)
 			maxX = math.Max(maxX, rowWidth)
 
@@ -292,9 +297,9 @@ func (gd *gridDiagram) layoutDynamic(g *d2graph.Graph, obj *d2graph.Object) {
 
 			// new row
 			cursor.X = 0
-			cursor.Y += rowHeight + VERTICAL_PAD
+			cursor.Y += rowHeight + verticalGap
 		}
-		maxY = cursor.Y - VERTICAL_PAD
+		maxY = cursor.Y - horizontalGap
 
 		// then expand thinnest objects to make each row the same width
 		// . ┌A─────────────┐  ┌B──┐  ┌C─────────┐ ┬ maxHeight(A,B,C)
@@ -372,10 +377,10 @@ func (gd *gridDiagram) layoutDynamic(g *d2graph.Graph, obj *d2graph.Object) {
 			colWidth := 0.
 			for _, o := range column {
 				o.TopLeft = cursor.Copy()
-				cursor.Y += o.Height + VERTICAL_PAD
+				cursor.Y += o.Height + verticalGap
 				colWidth = math.Max(colWidth, o.Width)
 			}
-			colHeight := cursor.Y - VERTICAL_PAD
+			colHeight := cursor.Y - verticalGap
 			colHeights = append(colHeights, colHeight)
 			maxY = math.Max(maxY, colHeight)
 			// set all objects in column to the same width
@@ -385,9 +390,9 @@ func (gd *gridDiagram) layoutDynamic(g *d2graph.Graph, obj *d2graph.Object) {
 
 			// new column
 			cursor.Y = 0
-			cursor.X += colWidth + HORIZONTAL_PAD
+			cursor.X += colWidth + horizontalGap
 		}
-		maxX = cursor.X - HORIZONTAL_PAD
+		maxX = cursor.X - horizontalGap
 		// then expand shortest objects to make each column the same height
 		// . ├maxWidth(A,B)─┤  ├maxW(C,D)─┤  ├maxWidth(E)──────┤
 		// . ┌A─────────────┐  ┌C─────────┐  ┌E────────────────┐
@@ -479,7 +484,7 @@ func (gd *gridDiagram) getBestLayout(targetSize float64, columns bool) [][]*d2gr
 	// of these divisions, find the layout with rows closest to the targetSize
 	for _, division := range divisions {
 		layout := genLayout(gd.objects, division)
-		dist := getDistToTarget(layout, targetSize, columns)
+		dist := getDistToTarget(layout, targetSize, float64(gd.horizontalGap), float64(gd.verticalGap), columns)
 		if dist < bestDist {
 			bestLayout = layout
 			bestDist = dist
@@ -527,15 +532,15 @@ func genLayout(objects []*d2graph.Object, cutIndices []int) [][]*d2graph.Object
 	return layout
 }
 
-func getDistToTarget(layout [][]*d2graph.Object, targetSize float64, columns bool) float64 {
+func getDistToTarget(layout [][]*d2graph.Object, targetSize float64, horizontalGap, verticalGap float64, columns bool) float64 {
 	totalDelta := 0.
 	for _, row := range layout {
 		rowSize := 0.
 		for _, o := range row {
 			if columns {
-				rowSize += o.Height + VERTICAL_PAD
+				rowSize += o.Height + verticalGap
 			} else {
-				rowSize += o.Width + HORIZONTAL_PAD
+				rowSize += o.Width + horizontalGap
 			}
 		}
 		totalDelta += math.Abs(rowSize - targetSize)
diff --git a/d2oracle/edit.go b/d2oracle/edit.go
index 58aaab1b6f..2e34081144 100644
--- a/d2oracle/edit.go
+++ b/d2oracle/edit.go
@@ -324,6 +324,21 @@ func _set(g *d2graph.Graph, key string, tag, value *string) error {
 					attrs.GridColumns.MapKey.SetScalar(mk.Value.ScalarBox())
 					return nil
 				}
+			case "grid-gap":
+				if attrs.GridGap != nil && attrs.GridGap.MapKey != nil {
+					attrs.GridGap.MapKey.SetScalar(mk.Value.ScalarBox())
+					return nil
+				}
+			case "vertical-gap":
+				if attrs.VerticalGap != nil && attrs.VerticalGap.MapKey != nil {
+					attrs.VerticalGap.MapKey.SetScalar(mk.Value.ScalarBox())
+					return nil
+				}
+			case "horizontal-gap":
+				if attrs.HorizontalGap != nil && attrs.HorizontalGap.MapKey != nil {
+					attrs.HorizontalGap.MapKey.SetScalar(mk.Value.ScalarBox())
+					return nil
+				}
 			case "source-arrowhead", "target-arrowhead":
 				if reservedKey == "source-arrowhead" {
 					attrs = edge.SrcArrowhead
diff --git a/e2etests/stable_test.go b/e2etests/stable_test.go
index fb258af92c..584a2969a5 100644
--- a/e2etests/stable_test.go
+++ b/e2etests/stable_test.go
@@ -2572,6 +2572,7 @@ scenarios: {
 		loadFromFile(t, "grid_tests"),
 		loadFromFile(t, "executive_grid"),
 		loadFromFile(t, "grid_animated"),
+		loadFromFile(t, "grid_gap"),
 	}
 
 	runa(t, tcs)
diff --git a/e2etests/testdata/files/grid_gap.d2 b/e2etests/testdata/files/grid_gap.d2
new file mode 100644
index 0000000000..da62991c2b
--- /dev/null
+++ b/e2etests/testdata/files/grid_gap.d2
@@ -0,0 +1,66 @@
+vertical-gap 30 horizontal-gap 100: {
+  grid-rows: 3
+  grid-columns: 3
+  vertical-gap: 30
+  horizontal-gap: 100
+
+  a
+  b
+  c
+  d
+  e
+  f
+  g
+  h
+  i
+}
+
+vertical-gap 100 horizontal-gap 30: {
+  grid-rows: 3
+  grid-columns: 3
+  vertical-gap: 100
+  horizontal-gap: 30
+
+  a
+  b
+  c
+  d
+  e
+  f
+  g
+  h
+  i
+}
+
+gap 0: {
+  grid-rows: 3
+  grid-columns: 3
+  grid-gap: 0
+
+  a
+  b
+  c
+  d
+  e
+  f
+  g
+  h
+  i
+}
+
+gap 10 vertical-gap 100: {
+  grid-rows: 3
+  grid-columns: 3
+  grid-gap: 10
+  vertical-gap: 100
+
+  a
+  b
+  c
+  d
+  e
+  f
+  g
+  h
+  i
+}
diff --git a/e2etests/testdata/stable/grid_gap/dagre/board.exp.json b/e2etests/testdata/stable/grid_gap/dagre/board.exp.json
new file mode 100644
index 0000000000..3b198f9f0b
--- /dev/null
+++ b/e2etests/testdata/stable/grid_gap/dagre/board.exp.json
@@ -0,0 +1,1688 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "vertical-gap 30 horizontal-gap 100",
+      "type": "rectangle",
+      "pos": {
+        "x": 0,
+        "y": 70
+      },
+      "width": 480,
+      "height": 378,
+      "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": "vertical-gap 30 horizontal-gap 100",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 398,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "vertical-gap 30 horizontal-gap 100.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 60,
+        "y": 130
+      },
+      "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": "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": "vertical-gap 30 horizontal-gap 100.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 214,
+        "y": 130
+      },
+      "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": "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": "vertical-gap 30 horizontal-gap 100.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 367,
+        "y": 130
+      },
+      "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": "vertical-gap 30 horizontal-gap 100.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 60,
+        "y": 226
+      },
+      "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": "vertical-gap 30 horizontal-gap 100.e",
+      "type": "rectangle",
+      "pos": {
+        "x": 214,
+        "y": 226
+      },
+      "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": "e",
+      "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": "vertical-gap 30 horizontal-gap 100.f",
+      "type": "rectangle",
+      "pos": {
+        "x": 367,
+        "y": 226
+      },
+      "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": "f",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 6,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "vertical-gap 30 horizontal-gap 100.g",
+      "type": "rectangle",
+      "pos": {
+        "x": 60,
+        "y": 322
+      },
+      "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": "g",
+      "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": "vertical-gap 30 horizontal-gap 100.h",
+      "type": "rectangle",
+      "pos": {
+        "x": 214,
+        "y": 322
+      },
+      "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": "h",
+      "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": "vertical-gap 30 horizontal-gap 100.i",
+      "type": "rectangle",
+      "pos": {
+        "x": 367,
+        "y": 322
+      },
+      "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": "i",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 4,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "vertical-gap 100 horizontal-gap 30",
+      "type": "rectangle",
+      "pos": {
+        "x": 540,
+        "y": 0
+      },
+      "width": 408,
+      "height": 518,
+      "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": "vertical-gap 100 horizontal-gap 30",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 398,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "vertical-gap 100 horizontal-gap 30.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 634,
+        "y": 60
+      },
+      "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": "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": "vertical-gap 100 horizontal-gap 30.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 718,
+        "y": 60
+      },
+      "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": "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": "vertical-gap 100 horizontal-gap 30.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 801,
+        "y": 60
+      },
+      "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": "vertical-gap 100 horizontal-gap 30.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 634,
+        "y": 226
+      },
+      "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": "vertical-gap 100 horizontal-gap 30.e",
+      "type": "rectangle",
+      "pos": {
+        "x": 718,
+        "y": 226
+      },
+      "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": "e",
+      "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": "vertical-gap 100 horizontal-gap 30.f",
+      "type": "rectangle",
+      "pos": {
+        "x": 801,
+        "y": 226
+      },
+      "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": "f",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 6,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "vertical-gap 100 horizontal-gap 30.g",
+      "type": "rectangle",
+      "pos": {
+        "x": 634,
+        "y": 392
+      },
+      "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": "g",
+      "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": "vertical-gap 100 horizontal-gap 30.h",
+      "type": "rectangle",
+      "pos": {
+        "x": 718,
+        "y": 392
+      },
+      "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": "h",
+      "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": "vertical-gap 100 horizontal-gap 30.i",
+      "type": "rectangle",
+      "pos": {
+        "x": 801,
+        "y": 392
+      },
+      "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": "i",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 4,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "gap 0",
+      "type": "rectangle",
+      "pos": {
+        "x": 1008,
+        "y": 100
+      },
+      "width": 280,
+      "height": 318,
+      "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": "gap 0",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 62,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "gap 0.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1068,
+        "y": 160
+      },
+      "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": "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": "gap 0.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1122,
+        "y": 160
+      },
+      "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": "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": "gap 0.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1175,
+        "y": 160
+      },
+      "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": "gap 0.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1068,
+        "y": 226
+      },
+      "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": "gap 0.e",
+      "type": "rectangle",
+      "pos": {
+        "x": 1122,
+        "y": 226
+      },
+      "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": "e",
+      "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": "gap 0.f",
+      "type": "rectangle",
+      "pos": {
+        "x": 1175,
+        "y": 226
+      },
+      "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": "f",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 6,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "gap 0.g",
+      "type": "rectangle",
+      "pos": {
+        "x": 1068,
+        "y": 292
+      },
+      "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": "g",
+      "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": "gap 0.h",
+      "type": "rectangle",
+      "pos": {
+        "x": 1122,
+        "y": 292
+      },
+      "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": "h",
+      "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": "gap 0.i",
+      "type": "rectangle",
+      "pos": {
+        "x": 1175,
+        "y": 292
+      },
+      "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": "i",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 4,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "gap 10 vertical-gap 100",
+      "type": "rectangle",
+      "pos": {
+        "x": 1348,
+        "y": 0
+      },
+      "width": 300,
+      "height": 518,
+      "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": "gap 10 vertical-gap 100",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 268,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "gap 10 vertical-gap 100.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1408,
+        "y": 60
+      },
+      "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": "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": "gap 10 vertical-gap 100.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1472,
+        "y": 60
+      },
+      "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": "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": "gap 10 vertical-gap 100.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1535,
+        "y": 60
+      },
+      "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": "gap 10 vertical-gap 100.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1408,
+        "y": 226
+      },
+      "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": "gap 10 vertical-gap 100.e",
+      "type": "rectangle",
+      "pos": {
+        "x": 1472,
+        "y": 226
+      },
+      "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": "e",
+      "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": "gap 10 vertical-gap 100.f",
+      "type": "rectangle",
+      "pos": {
+        "x": 1535,
+        "y": 226
+      },
+      "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": "f",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 6,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "gap 10 vertical-gap 100.g",
+      "type": "rectangle",
+      "pos": {
+        "x": 1408,
+        "y": 392
+      },
+      "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": "g",
+      "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": "gap 10 vertical-gap 100.h",
+      "type": "rectangle",
+      "pos": {
+        "x": 1472,
+        "y": 392
+      },
+      "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": "h",
+      "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": "gap 10 vertical-gap 100.i",
+      "type": "rectangle",
+      "pos": {
+        "x": 1535,
+        "y": 392
+      },
+      "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": "i",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 4,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    }
+  ],
+  "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/stable/grid_gap/dagre/sketch.exp.svg b/e2etests/testdata/stable/grid_gap/dagre/sketch.exp.svg
new file mode 100644
index 0000000000..f707722774
--- /dev/null
+++ b/e2etests/testdata/stable/grid_gap/dagre/sketch.exp.svg
@@ -0,0 +1,102 @@
+<?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.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1650 520"><svg id="d2-svg" class="d2-719907901" width="1650" height="520" viewBox="-1 -1 1650 520"><rect x="-1.000000" y="-1.000000" width="1650.000000" height="520.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-719907901 .text {
+	font-family: "d2-719907901-font-regular";
+}
+@font-face {
+	font-family: d2-719907901-font-regular;
+	src: url("data:application/font-woff;base64,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");
+}
+.d2-719907901 .text-bold {
+	font-family: "d2-719907901-font-bold";
+}
+@font-face {
+	font-family: d2-719907901-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-719907901 .fill-N1{fill:#0A0F25;}
+		.d2-719907901 .fill-N2{fill:#676C7E;}
+		.d2-719907901 .fill-N3{fill:#9499AB;}
+		.d2-719907901 .fill-N4{fill:#CFD2DD;}
+		.d2-719907901 .fill-N5{fill:#DEE1EB;}
+		.d2-719907901 .fill-N6{fill:#EEF1F8;}
+		.d2-719907901 .fill-N7{fill:#FFFFFF;}
+		.d2-719907901 .fill-B1{fill:#0D32B2;}
+		.d2-719907901 .fill-B2{fill:#0D32B2;}
+		.d2-719907901 .fill-B3{fill:#E3E9FD;}
+		.d2-719907901 .fill-B4{fill:#E3E9FD;}
+		.d2-719907901 .fill-B5{fill:#EDF0FD;}
+		.d2-719907901 .fill-B6{fill:#F7F8FE;}
+		.d2-719907901 .fill-AA2{fill:#4A6FF3;}
+		.d2-719907901 .fill-AA4{fill:#EDF0FD;}
+		.d2-719907901 .fill-AA5{fill:#F7F8FE;}
+		.d2-719907901 .fill-AB4{fill:#EDF0FD;}
+		.d2-719907901 .fill-AB5{fill:#F7F8FE;}
+		.d2-719907901 .stroke-N1{stroke:#0A0F25;}
+		.d2-719907901 .stroke-N2{stroke:#676C7E;}
+		.d2-719907901 .stroke-N3{stroke:#9499AB;}
+		.d2-719907901 .stroke-N4{stroke:#CFD2DD;}
+		.d2-719907901 .stroke-N5{stroke:#DEE1EB;}
+		.d2-719907901 .stroke-N6{stroke:#EEF1F8;}
+		.d2-719907901 .stroke-N7{stroke:#FFFFFF;}
+		.d2-719907901 .stroke-B1{stroke:#0D32B2;}
+		.d2-719907901 .stroke-B2{stroke:#0D32B2;}
+		.d2-719907901 .stroke-B3{stroke:#E3E9FD;}
+		.d2-719907901 .stroke-B4{stroke:#E3E9FD;}
+		.d2-719907901 .stroke-B5{stroke:#EDF0FD;}
+		.d2-719907901 .stroke-B6{stroke:#F7F8FE;}
+		.d2-719907901 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-719907901 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-719907901 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-719907901 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-719907901 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-719907901 .background-color-N1{background-color:#0A0F25;}
+		.d2-719907901 .background-color-N2{background-color:#676C7E;}
+		.d2-719907901 .background-color-N3{background-color:#9499AB;}
+		.d2-719907901 .background-color-N4{background-color:#CFD2DD;}
+		.d2-719907901 .background-color-N5{background-color:#DEE1EB;}
+		.d2-719907901 .background-color-N6{background-color:#EEF1F8;}
+		.d2-719907901 .background-color-N7{background-color:#FFFFFF;}
+		.d2-719907901 .background-color-B1{background-color:#0D32B2;}
+		.d2-719907901 .background-color-B2{background-color:#0D32B2;}
+		.d2-719907901 .background-color-B3{background-color:#E3E9FD;}
+		.d2-719907901 .background-color-B4{background-color:#E3E9FD;}
+		.d2-719907901 .background-color-B5{background-color:#EDF0FD;}
+		.d2-719907901 .background-color-B6{background-color:#F7F8FE;}
+		.d2-719907901 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-719907901 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-719907901 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-719907901 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-719907901 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-719907901 .color-N1{color:#0A0F25;}
+		.d2-719907901 .color-N2{color:#676C7E;}
+		.d2-719907901 .color-N3{color:#9499AB;}
+		.d2-719907901 .color-N4{color:#CFD2DD;}
+		.d2-719907901 .color-N5{color:#DEE1EB;}
+		.d2-719907901 .color-N6{color:#EEF1F8;}
+		.d2-719907901 .color-N7{color:#FFFFFF;}
+		.d2-719907901 .color-B1{color:#0D32B2;}
+		.d2-719907901 .color-B2{color:#0D32B2;}
+		.d2-719907901 .color-B3{color:#E3E9FD;}
+		.d2-719907901 .color-B4{color:#E3E9FD;}
+		.d2-719907901 .color-B5{color:#EDF0FD;}
+		.d2-719907901 .color-B6{color:#F7F8FE;}
+		.d2-719907901 .color-AA2{color:#4A6FF3;}
+		.d2-719907901 .color-AA4{color:#EDF0FD;}
+		.d2-719907901 .color-AA5{color:#F7F8FE;}
+		.d2-719907901 .color-AB4{color:#EDF0FD;}
+		.d2-719907901 .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="vertical-gap 30 horizontal-gap 100"><g class="shape" ><rect x="0.000000" y="70.000000" width="480.000000" height="378.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="240.000000" y="103.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">vertical-gap 30 horizontal-gap 100</text></g><g id="vertical-gap 100 horizontal-gap 30"><g class="shape" ><rect x="540.000000" y="0.000000" width="408.000000" height="518.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="744.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">vertical-gap 100 horizontal-gap 30</text></g><g id="gap 0"><g class="shape" ><rect x="1008.000000" y="100.000000" width="280.000000" height="318.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1148.000000" y="133.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">gap 0</text></g><g id="gap 10 vertical-gap 100"><g class="shape" ><rect x="1348.000000" y="0.000000" width="300.000000" height="518.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1498.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">gap 10 vertical-gap 100</text></g><g id="vertical-gap 30 horizontal-gap 100.a"><g class="shape" ><rect x="60.000000" y="130.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="168.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="vertical-gap 30 horizontal-gap 100.b"><g class="shape" ><rect x="214.000000" y="130.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="240.500000" y="168.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="vertical-gap 30 horizontal-gap 100.c"><g class="shape" ><rect x="367.000000" y="130.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="393.500000" y="168.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="vertical-gap 30 horizontal-gap 100.d"><g class="shape" ><rect x="60.000000" y="226.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="264.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="vertical-gap 30 horizontal-gap 100.e"><g class="shape" ><rect x="214.000000" y="226.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="240.500000" y="264.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="vertical-gap 30 horizontal-gap 100.f"><g class="shape" ><rect x="367.000000" y="226.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="393.500000" y="264.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="vertical-gap 30 horizontal-gap 100.g"><g class="shape" ><rect x="60.000000" y="322.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="360.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="vertical-gap 30 horizontal-gap 100.h"><g class="shape" ><rect x="214.000000" y="322.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="240.500000" y="360.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="vertical-gap 30 horizontal-gap 100.i"><g class="shape" ><rect x="367.000000" y="322.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="393.500000" y="360.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="vertical-gap 100 horizontal-gap 30.a"><g class="shape" ><rect x="634.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="661.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="vertical-gap 100 horizontal-gap 30.b"><g class="shape" ><rect x="718.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="744.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="vertical-gap 100 horizontal-gap 30.c"><g class="shape" ><rect x="801.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="827.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="vertical-gap 100 horizontal-gap 30.d"><g class="shape" ><rect x="634.000000" y="226.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="661.000000" y="264.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="vertical-gap 100 horizontal-gap 30.e"><g class="shape" ><rect x="718.000000" y="226.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="744.500000" y="264.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="vertical-gap 100 horizontal-gap 30.f"><g class="shape" ><rect x="801.000000" y="226.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="827.500000" y="264.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="vertical-gap 100 horizontal-gap 30.g"><g class="shape" ><rect x="634.000000" y="392.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="661.000000" y="430.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="vertical-gap 100 horizontal-gap 30.h"><g class="shape" ><rect x="718.000000" y="392.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="744.500000" y="430.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="vertical-gap 100 horizontal-gap 30.i"><g class="shape" ><rect x="801.000000" y="392.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="827.500000" y="430.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gap 0.a"><g class="shape" ><rect x="1068.000000" y="160.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1095.000000" y="198.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gap 0.b"><g class="shape" ><rect x="1122.000000" y="160.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1148.500000" y="198.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gap 0.c"><g class="shape" ><rect x="1175.000000" y="160.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1201.500000" y="198.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gap 0.d"><g class="shape" ><rect x="1068.000000" y="226.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1095.000000" y="264.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gap 0.e"><g class="shape" ><rect x="1122.000000" y="226.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1148.500000" y="264.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gap 0.f"><g class="shape" ><rect x="1175.000000" y="226.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1201.500000" y="264.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gap 0.g"><g class="shape" ><rect x="1068.000000" y="292.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1095.000000" y="330.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gap 0.h"><g class="shape" ><rect x="1122.000000" y="292.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1148.500000" y="330.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gap 0.i"><g class="shape" ><rect x="1175.000000" y="292.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1201.500000" y="330.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gap 10 vertical-gap 100.a"><g class="shape" ><rect x="1408.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1435.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gap 10 vertical-gap 100.b"><g class="shape" ><rect x="1472.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1498.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gap 10 vertical-gap 100.c"><g class="shape" ><rect x="1535.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1561.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gap 10 vertical-gap 100.d"><g class="shape" ><rect x="1408.000000" y="226.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1435.000000" y="264.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gap 10 vertical-gap 100.e"><g class="shape" ><rect x="1472.000000" y="226.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1498.500000" y="264.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gap 10 vertical-gap 100.f"><g class="shape" ><rect x="1535.000000" y="226.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1561.500000" y="264.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gap 10 vertical-gap 100.g"><g class="shape" ><rect x="1408.000000" y="392.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1435.000000" y="430.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gap 10 vertical-gap 100.h"><g class="shape" ><rect x="1472.000000" y="392.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1498.500000" y="430.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gap 10 vertical-gap 100.i"><g class="shape" ><rect x="1535.000000" y="392.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1561.500000" y="430.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><mask id="d2-719907901" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1650" height="520">
+<rect x="-1" y="-1" width="1650" height="520" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/grid_gap/elk/board.exp.json b/e2etests/testdata/stable/grid_gap/elk/board.exp.json
new file mode 100644
index 0000000000..97349cc990
--- /dev/null
+++ b/e2etests/testdata/stable/grid_gap/elk/board.exp.json
@@ -0,0 +1,1688 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "vertical-gap 30 horizontal-gap 100",
+      "type": "rectangle",
+      "pos": {
+        "x": 12,
+        "y": 82
+      },
+      "width": 480,
+      "height": 378,
+      "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": "vertical-gap 30 horizontal-gap 100",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 398,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "vertical-gap 30 horizontal-gap 100.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 72,
+        "y": 142
+      },
+      "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": "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": "vertical-gap 30 horizontal-gap 100.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 226,
+        "y": 142
+      },
+      "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": "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": "vertical-gap 30 horizontal-gap 100.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 379,
+        "y": 142
+      },
+      "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": "vertical-gap 30 horizontal-gap 100.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 72,
+        "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": "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": "vertical-gap 30 horizontal-gap 100.e",
+      "type": "rectangle",
+      "pos": {
+        "x": 226,
+        "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": "e",
+      "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": "vertical-gap 30 horizontal-gap 100.f",
+      "type": "rectangle",
+      "pos": {
+        "x": 379,
+        "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": "f",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 6,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "vertical-gap 30 horizontal-gap 100.g",
+      "type": "rectangle",
+      "pos": {
+        "x": 72,
+        "y": 334
+      },
+      "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": "g",
+      "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": "vertical-gap 30 horizontal-gap 100.h",
+      "type": "rectangle",
+      "pos": {
+        "x": 226,
+        "y": 334
+      },
+      "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": "h",
+      "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": "vertical-gap 30 horizontal-gap 100.i",
+      "type": "rectangle",
+      "pos": {
+        "x": 379,
+        "y": 334
+      },
+      "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": "i",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 4,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "vertical-gap 100 horizontal-gap 30",
+      "type": "rectangle",
+      "pos": {
+        "x": 512,
+        "y": 12
+      },
+      "width": 408,
+      "height": 518,
+      "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": "vertical-gap 100 horizontal-gap 30",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 398,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "vertical-gap 100 horizontal-gap 30.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 606,
+        "y": 72
+      },
+      "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": "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": "vertical-gap 100 horizontal-gap 30.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 690,
+        "y": 72
+      },
+      "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": "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": "vertical-gap 100 horizontal-gap 30.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 773,
+        "y": 72
+      },
+      "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": "vertical-gap 100 horizontal-gap 30.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 606,
+        "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": "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": "vertical-gap 100 horizontal-gap 30.e",
+      "type": "rectangle",
+      "pos": {
+        "x": 690,
+        "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": "e",
+      "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": "vertical-gap 100 horizontal-gap 30.f",
+      "type": "rectangle",
+      "pos": {
+        "x": 773,
+        "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": "f",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 6,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "vertical-gap 100 horizontal-gap 30.g",
+      "type": "rectangle",
+      "pos": {
+        "x": 606,
+        "y": 404
+      },
+      "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": "g",
+      "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": "vertical-gap 100 horizontal-gap 30.h",
+      "type": "rectangle",
+      "pos": {
+        "x": 690,
+        "y": 404
+      },
+      "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": "h",
+      "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": "vertical-gap 100 horizontal-gap 30.i",
+      "type": "rectangle",
+      "pos": {
+        "x": 773,
+        "y": 404
+      },
+      "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": "i",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 4,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "gap 0",
+      "type": "rectangle",
+      "pos": {
+        "x": 940,
+        "y": 112
+      },
+      "width": 280,
+      "height": 318,
+      "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": "gap 0",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 62,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "gap 0.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1000,
+        "y": 172
+      },
+      "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": "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": "gap 0.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1054,
+        "y": 172
+      },
+      "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": "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": "gap 0.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1107,
+        "y": 172
+      },
+      "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": "gap 0.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1000,
+        "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": "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": "gap 0.e",
+      "type": "rectangle",
+      "pos": {
+        "x": 1054,
+        "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": "e",
+      "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": "gap 0.f",
+      "type": "rectangle",
+      "pos": {
+        "x": 1107,
+        "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": "f",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 6,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "gap 0.g",
+      "type": "rectangle",
+      "pos": {
+        "x": 1000,
+        "y": 304
+      },
+      "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": "g",
+      "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": "gap 0.h",
+      "type": "rectangle",
+      "pos": {
+        "x": 1054,
+        "y": 304
+      },
+      "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": "h",
+      "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": "gap 0.i",
+      "type": "rectangle",
+      "pos": {
+        "x": 1107,
+        "y": 304
+      },
+      "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": "i",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 4,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "gap 10 vertical-gap 100",
+      "type": "rectangle",
+      "pos": {
+        "x": 1240,
+        "y": 12
+      },
+      "width": 300,
+      "height": 518,
+      "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": "gap 10 vertical-gap 100",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 268,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "gap 10 vertical-gap 100.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1300,
+        "y": 72
+      },
+      "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": "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": "gap 10 vertical-gap 100.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1364,
+        "y": 72
+      },
+      "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": "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": "gap 10 vertical-gap 100.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1427,
+        "y": 72
+      },
+      "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": "gap 10 vertical-gap 100.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1300,
+        "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": "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": "gap 10 vertical-gap 100.e",
+      "type": "rectangle",
+      "pos": {
+        "x": 1364,
+        "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": "e",
+      "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": "gap 10 vertical-gap 100.f",
+      "type": "rectangle",
+      "pos": {
+        "x": 1427,
+        "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": "f",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 6,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "gap 10 vertical-gap 100.g",
+      "type": "rectangle",
+      "pos": {
+        "x": 1300,
+        "y": 404
+      },
+      "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": "g",
+      "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": "gap 10 vertical-gap 100.h",
+      "type": "rectangle",
+      "pos": {
+        "x": 1364,
+        "y": 404
+      },
+      "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": "h",
+      "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": "gap 10 vertical-gap 100.i",
+      "type": "rectangle",
+      "pos": {
+        "x": 1427,
+        "y": 404
+      },
+      "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": "i",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 4,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    }
+  ],
+  "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/stable/grid_gap/elk/sketch.exp.svg b/e2etests/testdata/stable/grid_gap/elk/sketch.exp.svg
new file mode 100644
index 0000000000..34b1ea88a5
--- /dev/null
+++ b/e2etests/testdata/stable/grid_gap/elk/sketch.exp.svg
@@ -0,0 +1,102 @@
+<?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.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1530 520"><svg id="d2-svg" class="d2-3196763014" width="1530" height="520" viewBox="11 11 1530 520"><rect x="11.000000" y="11.000000" width="1530.000000" height="520.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3196763014 .text {
+	font-family: "d2-3196763014-font-regular";
+}
+@font-face {
+	font-family: d2-3196763014-font-regular;
+	src: url("data:application/font-woff;base64,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");
+}
+.d2-3196763014 .text-bold {
+	font-family: "d2-3196763014-font-bold";
+}
+@font-face {
+	font-family: d2-3196763014-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-3196763014 .fill-N1{fill:#0A0F25;}
+		.d2-3196763014 .fill-N2{fill:#676C7E;}
+		.d2-3196763014 .fill-N3{fill:#9499AB;}
+		.d2-3196763014 .fill-N4{fill:#CFD2DD;}
+		.d2-3196763014 .fill-N5{fill:#DEE1EB;}
+		.d2-3196763014 .fill-N6{fill:#EEF1F8;}
+		.d2-3196763014 .fill-N7{fill:#FFFFFF;}
+		.d2-3196763014 .fill-B1{fill:#0D32B2;}
+		.d2-3196763014 .fill-B2{fill:#0D32B2;}
+		.d2-3196763014 .fill-B3{fill:#E3E9FD;}
+		.d2-3196763014 .fill-B4{fill:#E3E9FD;}
+		.d2-3196763014 .fill-B5{fill:#EDF0FD;}
+		.d2-3196763014 .fill-B6{fill:#F7F8FE;}
+		.d2-3196763014 .fill-AA2{fill:#4A6FF3;}
+		.d2-3196763014 .fill-AA4{fill:#EDF0FD;}
+		.d2-3196763014 .fill-AA5{fill:#F7F8FE;}
+		.d2-3196763014 .fill-AB4{fill:#EDF0FD;}
+		.d2-3196763014 .fill-AB5{fill:#F7F8FE;}
+		.d2-3196763014 .stroke-N1{stroke:#0A0F25;}
+		.d2-3196763014 .stroke-N2{stroke:#676C7E;}
+		.d2-3196763014 .stroke-N3{stroke:#9499AB;}
+		.d2-3196763014 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3196763014 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3196763014 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3196763014 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3196763014 .stroke-B1{stroke:#0D32B2;}
+		.d2-3196763014 .stroke-B2{stroke:#0D32B2;}
+		.d2-3196763014 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3196763014 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3196763014 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3196763014 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3196763014 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3196763014 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3196763014 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3196763014 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3196763014 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3196763014 .background-color-N1{background-color:#0A0F25;}
+		.d2-3196763014 .background-color-N2{background-color:#676C7E;}
+		.d2-3196763014 .background-color-N3{background-color:#9499AB;}
+		.d2-3196763014 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3196763014 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3196763014 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3196763014 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3196763014 .background-color-B1{background-color:#0D32B2;}
+		.d2-3196763014 .background-color-B2{background-color:#0D32B2;}
+		.d2-3196763014 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3196763014 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3196763014 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3196763014 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3196763014 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3196763014 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3196763014 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3196763014 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3196763014 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3196763014 .color-N1{color:#0A0F25;}
+		.d2-3196763014 .color-N2{color:#676C7E;}
+		.d2-3196763014 .color-N3{color:#9499AB;}
+		.d2-3196763014 .color-N4{color:#CFD2DD;}
+		.d2-3196763014 .color-N5{color:#DEE1EB;}
+		.d2-3196763014 .color-N6{color:#EEF1F8;}
+		.d2-3196763014 .color-N7{color:#FFFFFF;}
+		.d2-3196763014 .color-B1{color:#0D32B2;}
+		.d2-3196763014 .color-B2{color:#0D32B2;}
+		.d2-3196763014 .color-B3{color:#E3E9FD;}
+		.d2-3196763014 .color-B4{color:#E3E9FD;}
+		.d2-3196763014 .color-B5{color:#EDF0FD;}
+		.d2-3196763014 .color-B6{color:#F7F8FE;}
+		.d2-3196763014 .color-AA2{color:#4A6FF3;}
+		.d2-3196763014 .color-AA4{color:#EDF0FD;}
+		.d2-3196763014 .color-AA5{color:#F7F8FE;}
+		.d2-3196763014 .color-AB4{color:#EDF0FD;}
+		.d2-3196763014 .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="vertical-gap 30 horizontal-gap 100"><g class="shape" ><rect x="12.000000" y="82.000000" width="480.000000" height="378.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="252.000000" y="115.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">vertical-gap 30 horizontal-gap 100</text></g><g id="vertical-gap 100 horizontal-gap 30"><g class="shape" ><rect x="512.000000" y="12.000000" width="408.000000" height="518.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="716.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">vertical-gap 100 horizontal-gap 30</text></g><g id="gap 0"><g class="shape" ><rect x="940.000000" y="112.000000" width="280.000000" height="318.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1080.000000" y="145.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">gap 0</text></g><g id="gap 10 vertical-gap 100"><g class="shape" ><rect x="1240.000000" y="12.000000" width="300.000000" height="518.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1390.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">gap 10 vertical-gap 100</text></g><g id="vertical-gap 30 horizontal-gap 100.a"><g class="shape" ><rect x="72.000000" y="142.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="180.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="vertical-gap 30 horizontal-gap 100.b"><g class="shape" ><rect x="226.000000" y="142.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="252.500000" y="180.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="vertical-gap 30 horizontal-gap 100.c"><g class="shape" ><rect x="379.000000" y="142.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="405.500000" y="180.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="vertical-gap 30 horizontal-gap 100.d"><g class="shape" ><rect x="72.000000" y="238.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="vertical-gap 30 horizontal-gap 100.e"><g class="shape" ><rect x="226.000000" y="238.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="252.500000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="vertical-gap 30 horizontal-gap 100.f"><g class="shape" ><rect x="379.000000" y="238.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="405.500000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="vertical-gap 30 horizontal-gap 100.g"><g class="shape" ><rect x="72.000000" y="334.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="372.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="vertical-gap 30 horizontal-gap 100.h"><g class="shape" ><rect x="226.000000" y="334.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="252.500000" y="372.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="vertical-gap 30 horizontal-gap 100.i"><g class="shape" ><rect x="379.000000" y="334.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="405.500000" y="372.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="vertical-gap 100 horizontal-gap 30.a"><g class="shape" ><rect x="606.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="633.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="vertical-gap 100 horizontal-gap 30.b"><g class="shape" ><rect x="690.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="716.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="vertical-gap 100 horizontal-gap 30.c"><g class="shape" ><rect x="773.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="799.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="vertical-gap 100 horizontal-gap 30.d"><g class="shape" ><rect x="606.000000" y="238.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="633.000000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="vertical-gap 100 horizontal-gap 30.e"><g class="shape" ><rect x="690.000000" y="238.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="716.500000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="vertical-gap 100 horizontal-gap 30.f"><g class="shape" ><rect x="773.000000" y="238.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="799.500000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="vertical-gap 100 horizontal-gap 30.g"><g class="shape" ><rect x="606.000000" y="404.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="633.000000" y="442.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="vertical-gap 100 horizontal-gap 30.h"><g class="shape" ><rect x="690.000000" y="404.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="716.500000" y="442.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="vertical-gap 100 horizontal-gap 30.i"><g class="shape" ><rect x="773.000000" y="404.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="799.500000" y="442.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gap 0.a"><g class="shape" ><rect x="1000.000000" y="172.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1027.000000" y="210.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gap 0.b"><g class="shape" ><rect x="1054.000000" y="172.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1080.500000" y="210.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gap 0.c"><g class="shape" ><rect x="1107.000000" y="172.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1133.500000" y="210.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gap 0.d"><g class="shape" ><rect x="1000.000000" y="238.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1027.000000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gap 0.e"><g class="shape" ><rect x="1054.000000" y="238.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1080.500000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gap 0.f"><g class="shape" ><rect x="1107.000000" y="238.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1133.500000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gap 0.g"><g class="shape" ><rect x="1000.000000" y="304.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1027.000000" y="342.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gap 0.h"><g class="shape" ><rect x="1054.000000" y="304.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1080.500000" y="342.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gap 0.i"><g class="shape" ><rect x="1107.000000" y="304.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1133.500000" y="342.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gap 10 vertical-gap 100.a"><g class="shape" ><rect x="1300.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1327.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gap 10 vertical-gap 100.b"><g class="shape" ><rect x="1364.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1390.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gap 10 vertical-gap 100.c"><g class="shape" ><rect x="1427.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1453.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gap 10 vertical-gap 100.d"><g class="shape" ><rect x="1300.000000" y="238.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1327.000000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gap 10 vertical-gap 100.e"><g class="shape" ><rect x="1364.000000" y="238.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1390.500000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gap 10 vertical-gap 100.f"><g class="shape" ><rect x="1427.000000" y="238.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1453.500000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gap 10 vertical-gap 100.g"><g class="shape" ><rect x="1300.000000" y="404.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1327.000000" y="442.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gap 10 vertical-gap 100.h"><g class="shape" ><rect x="1364.000000" y="404.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1390.500000" y="442.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gap 10 vertical-gap 100.i"><g class="shape" ><rect x="1427.000000" y="404.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1453.500000" y="442.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><mask id="d2-3196763014" maskUnits="userSpaceOnUse" x="11" y="11" width="1530" height="520">
+<rect x="11" y="11" width="1530" height="520" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file
diff --git a/testdata/d2compiler/TestCompile/grid_gap_negative.exp.json b/testdata/d2compiler/TestCompile/grid_gap_negative.exp.json
new file mode 100644
index 0000000000..70f2a05d4a
--- /dev/null
+++ b/testdata/d2compiler/TestCompile/grid_gap_negative.exp.json
@@ -0,0 +1,16 @@
+{
+  "graph": null,
+  "err": {
+    "ioerr": null,
+    "errs": [
+      {
+        "range": "d2/testdata/d2compiler/TestCompile/grid_gap_negative.d2,1:17:24-1:21:28",
+        "errmsg": "d2/testdata/d2compiler/TestCompile/grid_gap_negative.d2:2:18: horizontal-gap must be a non-negative integer: \"-200\""
+      },
+      {
+        "range": "d2/testdata/d2compiler/TestCompile/grid_gap_negative.d2,2:15:44-2:18:47",
+        "errmsg": "d2/testdata/d2compiler/TestCompile/grid_gap_negative.d2:3:16: vertical-gap must be a non-negative integer: \"-30\""
+      }
+    ]
+  }
+}