Merge pull request #1340 from gavin-ts/multiple-offset

adjust connections and labels for shapes with 3d or multiple

ci/release/changelogs/next.md

@@ -7,6 +7,7 @@
 - Grid diagrams will now also use `grid-gap`, `vertical-gap`, and `horizontal-gap` for padding [#1309](https://github.com/terrastruct/d2/pull/1309)
 - Watch mode browser uses an error favicon to easily indicate compiler errors. Thanks @sinyo-matu ! [#1240](https://github.com/terrastruct/d2/pull/1240)
 - Improves grid layout performance when there are many similarly sized shapes. [#1315](https://github.com/terrastruct/d2/pull/1315)
+- Connections and labels now are adjusted for shapes with `3d` or `multiple`. [#1340](https://github.com/terrastruct/d2/pull/1340)
 
 #### Bugfixes ⛑️
 

d2exporter/export.go

@@ -11,6 +11,7 @@ import (
 	"oss.terrastruct.com/d2/d2target"
 	"oss.terrastruct.com/d2/d2themes"
 	"oss.terrastruct.com/d2/lib/color"
+	"oss.terrastruct.com/d2/lib/geo"
 )
 
 func Export(ctx context.Context, g *d2graph.Graph, fontFamily *d2fonts.FontFamily) (*d2target.Diagram, error) {
@@ -295,9 +296,16 @@ func toConnection(edge *d2graph.Edge, theme *d2themes.Theme) d2target.Connection
 		connection.LabelPosition = *edge.LabelPosition
 	}
 	if edge.LabelPercentage != nil {
-		connection.LabelPercentage = *edge.LabelPercentage
+		connection.LabelPercentage = float64(float32(*edge.LabelPercentage))
 	}
-	connection.Route = edge.Route
+	connection.Route = make([]*geo.Point, 0, len(edge.Route))
+	for i := range edge.Route {
+		p := edge.Route[i].Copy()
+		p.TruncateDecimals()
+		p.TruncateFloat32()
+		connection.Route = append(connection.Route, p)
+	}
+
 	connection.IsCurve = edge.IsCurve
 
 	connection.Src = edge.Src.AbsID()

d2graph/d2graph.go

@@ -1917,3 +1917,75 @@ func (obj *Object) IterDescendants(apply func(parent, child *Object)) {
 		c.IterDescendants(apply)
 	}
 }
+
+// ShiftDescendants moves Object's descendants (not including itself)
+// descendants' edges are also moved by the same dx and dy (the whole route is moved if both ends are a descendant)
+func (obj *Object) ShiftDescendants(dx, dy float64) {
+	// also need to shift edges of descendants that are shifted
+	movedEdges := make(map[*Edge]struct{})
+	for _, e := range obj.Graph.Edges {
+		isSrcDesc := e.Src.IsDescendantOf(obj)
+		isDstDesc := e.Dst.IsDescendantOf(obj)
+
+		if isSrcDesc && isDstDesc {
+			movedEdges[e] = struct{}{}
+			for _, p := range e.Route {
+				p.X += dx
+				p.Y += dy
+			}
+		}
+	}
+
+	obj.IterDescendants(func(_, curr *Object) {
+		curr.TopLeft.X += dx
+		curr.TopLeft.Y += dy
+		for _, e := range obj.Graph.Edges {
+			if _, ok := movedEdges[e]; ok {
+				continue
+			}
+			isSrc := e.Src == curr
+			isDst := e.Dst == curr
+
+			if isSrc && isDst {
+				for _, p := range e.Route {
+					p.X += dx
+					p.Y += dy
+				}
+			} else if isSrc {
+				e.Route[0].X += dx
+				e.Route[0].Y += dy
+			} else if isDst {
+				e.Route[len(e.Route)-1].X += dx
+				e.Route[len(e.Route)-1].Y += dy
+			}
+
+			if isSrc || isDst {
+				movedEdges[e] = struct{}{}
+			}
+		}
+	})
+}
+
+func (obj *Object) IsMultiple() bool {
+	return obj.Style.Multiple != nil && obj.Style.Multiple.Value == "true"
+}
+
+func (obj *Object) Is3D() bool {
+	return obj.Style.ThreeDee != nil && obj.Style.ThreeDee.Value == "true"
+}
+
+// GetModifierElementAdjustments returns width/height adjustments to account for shapes with 3d or multiple
+func (obj *Object) GetModifierElementAdjustments() (dx, dy float64) {
+	if obj.Is3D() {
+		if obj.Shape.Value == d2target.ShapeHexagon {
+			dy = d2target.THREE_DEE_OFFSET / 2
+		} else {
+			dy = d2target.THREE_DEE_OFFSET
+		}
+		dx = d2target.THREE_DEE_OFFSET
+	} else if obj.IsMultiple() {
+		dy = d2target.MULTIPLE_OFFSET
+		dx = d2target.MULTIPLE_OFFSET
+	}
+	return dx, dy
+}

d2layouts/d2dagrelayout/layout.go

@@ -159,7 +159,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 		id := obj.AbsID()
 		idToObj[id] = obj
 
-		height := obj.Height
+		width, height := obj.Width, obj.Height
 		if obj.HasLabel() {
 			if obj.HasOutsideBottomLabel() || obj.Icon != nil {
 				height += float64(obj.LabelDimensions.Height) + label.PADDING
@@ -168,7 +168,12 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 				height += float64(obj.LabelDimensions.Height) + label.PADDING
 			}
 		}
-		loadScript += generateAddNodeLine(id, int(obj.Width), int(height))
+		// reserve extra space for 3d/multiple by providing dagre the larger dimensions
+		dx, dy := obj.GetModifierElementAdjustments()
+		width += dx
+		height += dy
+
+		loadScript += generateAddNodeLine(id, int(width), int(height))
 		if obj.Parent != g.Root {
 			loadScript += generateAddParentLine(id, obj.Parent.AbsID())
 		}
@@ -232,8 +237,8 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 
 		// dagre gives center of node
 		obj.TopLeft = geo.NewPoint(math.Round(dn.X-dn.Width/2), math.Round(dn.Y-dn.Height/2))
-		obj.Width = dn.Width
-		obj.Height = dn.Height
+		obj.Width = math.Ceil(dn.Width)
+		obj.Height = math.Ceil(dn.Height)
 
 		if obj.HasLabel() {
 			if len(obj.ChildrenArray) > 0 {
@@ -407,6 +412,20 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 		}
 	}
 
+	// remove the extra width/height we added for 3d/multiple after all objects/connections are placed
+	// and shift the shapes down accordingly
+	for _, obj := range g.Objects {
+		dx, dy := obj.GetModifierElementAdjustments()
+		if dx != 0 || dy != 0 {
+			obj.TopLeft.Y += dy
+			obj.ShiftDescendants(0, dy)
+			if !obj.IsContainer() {
+				obj.Width -= dx
+				obj.Height -= dy
+			}
+		}
+	}
+
 	for _, edge := range g.Edges {
 		points := edge.Route
 		startIndex, endIndex := 0, len(points)-1
@@ -453,6 +472,25 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 			}
 		}
 
+		var originalSrcTL, originalDstTL *geo.Point
+		// if the edge passes through 3d/multiple, use the offset box for tracing to border
+		if srcDx, srcDy := edge.Src.GetModifierElementAdjustments(); srcDx != 0 || srcDy != 0 {
+			if start.X > edge.Src.TopLeft.X+srcDx &&
+				start.Y < edge.Src.TopLeft.Y+edge.Src.Height-srcDy {
+				originalSrcTL = edge.Src.TopLeft.Copy()
+				edge.Src.TopLeft.X += srcDx
+				edge.Src.TopLeft.Y -= srcDy
+			}
+		}
+		if dstDx, dstDy := edge.Dst.GetModifierElementAdjustments(); dstDx != 0 || dstDy != 0 {
+			if end.X > edge.Dst.TopLeft.X+dstDx &&
+				end.Y < edge.Dst.TopLeft.Y+edge.Dst.Height-dstDy {
+				originalDstTL = edge.Dst.TopLeft.Copy()
+				edge.Dst.TopLeft.X += dstDx
+				edge.Dst.TopLeft.Y -= dstDy
+			}
+		}
+
 		srcShape := shape.NewShape(d2target.DSL_SHAPE_TO_SHAPE_TYPE[strings.ToLower(edge.Src.Shape.Value)], edge.Src.Box)
 		dstShape := shape.NewShape(d2target.DSL_SHAPE_TO_SHAPE_TYPE[strings.ToLower(edge.Dst.Shape.Value)], edge.Dst.Box)
 
@@ -517,6 +555,16 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 		if edge.Label.Value != "" {
 			edge.LabelPosition = go2.Pointer(string(label.InsideMiddleCenter))
 		}
+
+		// undo 3d/multiple offset
+		if originalSrcTL != nil {
+			edge.Src.TopLeft.X = originalSrcTL.X
+			edge.Src.TopLeft.Y = originalSrcTL.Y
+		}
+		if originalDstTL != nil {
+			edge.Dst.TopLeft.X = originalDstTL.X
+			edge.Dst.TopLeft.Y = originalDstTL.Y
+		}
 	}
 
 	return nil

d2layouts/d2elklayout/layout.go

@@ -222,6 +222,10 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 			}
 			width = go2.Max(width, float64(obj.LabelDimensions.Width))
 		}
+		// reserve extra space for 3d/multiple by providing elk the larger dimensions
+		dx, dy := obj.GetModifierElementAdjustments()
+		width += dx
+		height += dy
 
 		n := &ELKNode{
 			ID:     obj.AbsID(),
@@ -400,8 +404,8 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 			parentY = parent.TopLeft.Y
 		}
 		obj.TopLeft = geo.NewPoint(parentX+n.X, parentY+n.Y)
-		obj.Width = n.Width
-		obj.Height = n.Height
+		obj.Width = math.Ceil(n.Width)
+		obj.Height = math.Ceil(n.Height)
 
 		if obj.HasLabel() {
 			if len(obj.ChildrenArray) > 0 {
@@ -454,8 +458,49 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 				Y: parentY + s.End.Y,
 			})
 		}
+		edge.Route = points
+	}
+
+	// remove the extra width/height we added for 3d/multiple after all objects/connections are placed
+	// and shift the shapes down accordingly
+	for _, obj := range g.Objects {
+		dx, dy := obj.GetModifierElementAdjustments()
+		if dx != 0 || dy != 0 {
+			obj.TopLeft.Y += dy
+			obj.ShiftDescendants(0, dy)
+			if !obj.IsContainer() {
+				obj.Width -= dx
+				obj.Height -= dy
+			}
+		}
+	}
+
+	for _, edge := range g.Edges {
+		points := edge.Route
 
 		startIndex, endIndex := 0, len(points)-1
+		start := points[startIndex]
+		end := points[endIndex]
+
+		var originalSrcTL, originalDstTL *geo.Point
+		// if the edge passes through 3d/multiple, use the offset box for tracing to border
+		if srcDx, srcDy := edge.Src.GetModifierElementAdjustments(); srcDx != 0 || srcDy != 0 {
+			if start.X > edge.Src.TopLeft.X+srcDx &&
+				start.Y < edge.Src.TopLeft.Y+edge.Src.Height-srcDy {
+				originalSrcTL = edge.Src.TopLeft.Copy()
+				edge.Src.TopLeft.X += srcDx
+				edge.Src.TopLeft.Y -= srcDy
+			}
+		}
+		if dstDx, dstDy := edge.Dst.GetModifierElementAdjustments(); dstDx != 0 || dstDy != 0 {
+			if end.X > edge.Dst.TopLeft.X+dstDx &&
+				end.Y < edge.Dst.TopLeft.Y+edge.Dst.Height-dstDy {
+				originalDstTL = edge.Dst.TopLeft.Copy()
+				edge.Dst.TopLeft.X += dstDx
+				edge.Dst.TopLeft.Y -= dstDy
+			}
+		}
+
 		srcShape := shape.NewShape(d2target.DSL_SHAPE_TO_SHAPE_TYPE[strings.ToLower(edge.Src.Shape.Value)], edge.Src.Box)
 		dstShape := shape.NewShape(d2target.DSL_SHAPE_TO_SHAPE_TYPE[strings.ToLower(edge.Dst.Shape.Value)], edge.Dst.Box)
 
@@ -468,6 +513,16 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 		}
 
 		edge.Route = points
+
+		// undo 3d/multiple offset
+		if originalSrcTL != nil {
+			edge.Src.TopLeft.X = originalSrcTL.X
+			edge.Src.TopLeft.Y = originalSrcTL.Y
+		}
+		if originalDstTL != nil {
+			edge.Dst.TopLeft.X = originalDstTL.X
+			edge.Dst.TopLeft.Y = originalDstTL.Y
+		}
 	}
 
 	deleteBends(g)
@@ -506,10 +561,11 @@ func deleteBends(g *d2graph.Graph) {
 			}
 
 			isHorizontal := math.Ceil(start.Y) == math.Ceil(corner.Y)
+			dx, dy := endpoint.GetModifierElementAdjustments()
 
 			// Make sure it's still attached
 			if isHorizontal {
-				if end.Y <= endpoint.TopLeft.Y+10 {
+				if end.Y <= endpoint.TopLeft.Y+10-dy {
 					continue
 				}
 				if end.Y >= endpoint.TopLeft.Y+endpoint.Height-10 {
@@ -519,7 +575,7 @@ func deleteBends(g *d2graph.Graph) {
 				if end.X <= endpoint.TopLeft.X+10 {
 					continue
 				}
-				if end.X >= endpoint.TopLeft.X+endpoint.Width-10 {
+				if end.X >= endpoint.TopLeft.X+endpoint.Width-10+dx {
 					continue
 				}
 			}

d2renderers/d2svg/d2svg.go

@@ -642,7 +642,7 @@ func defineShadowFilter(writer io.Writer) {
 </defs>`)
 }
 
-func render3dRect(targetShape d2target.Shape) string {
+func render3DRect(targetShape d2target.Shape) string {
 	moveTo := func(p d2target.Point) string {
 		return fmt.Sprintf("M%d,%d", p.X+targetShape.Pos.X, p.Y+targetShape.Pos.Y)
 	}
@@ -738,7 +738,7 @@ func render3dRect(targetShape d2target.Shape) string {
 	return borderMask + mainShapeRendered + renderedSides + renderedBorder
 }
 
-func render3dHexagon(targetShape d2target.Shape) string {
+func render3DHexagon(targetShape d2target.Shape) string {
 	moveTo := func(p d2target.Point) string {
 		return fmt.Sprintf("M%d,%d", p.X+targetShape.Pos.X, p.Y+targetShape.Pos.Y)
 	}
@@ -995,7 +995,7 @@ func drawShape(writer io.Writer, diagramHash string, targetShape d2target.Shape,
 			borderRadius = float64(targetShape.BorderRadius)
 		}
 		if targetShape.ThreeDee {
-			fmt.Fprint(writer, render3dRect(targetShape))
+			fmt.Fprint(writer, render3DRect(targetShape))
 		} else {
 			if !targetShape.DoubleBorder {
 				if targetShape.Multiple {
@@ -1088,7 +1088,7 @@ func drawShape(writer io.Writer, diagramHash string, targetShape d2target.Shape,
 		}
 	case d2target.ShapeHexagon:
 		if targetShape.ThreeDee {
-			fmt.Fprint(writer, render3dHexagon(targetShape))
+			fmt.Fprint(writer, render3DHexagon(targetShape))
 		} else {
 			if targetShape.Multiple {
 				multiplePathData := shape.NewShape(shapeType, geo.NewBox(multipleTL, width, height)).GetSVGPathData()
@@ -1186,7 +1186,19 @@ func drawShape(writer io.Writer, diagramHash string, targetShape d2target.Shape,
 		labelPosition := label.Position(targetShape.LabelPosition)
 		var box *geo.Box
 		if labelPosition.IsOutside() {
-			box = s.GetBox()
+			box = s.GetBox().Copy()
+			// if it is 3d/multiple, place label using box around those
+			if targetShape.ThreeDee {
+				offsetY := d2target.THREE_DEE_OFFSET
+				if targetShape.Type == d2target.ShapeHexagon {
+					offsetY /= 2
+				}
+				box.TopLeft.Y -= float64(offsetY)
+				box.Width += d2target.THREE_DEE_OFFSET
+			} else if targetShape.Multiple {
+				box.TopLeft.Y -= d2target.MULTIPLE_OFFSET
+				box.Width += d2target.MULTIPLE_OFFSET
+			}
 		} else {
 			box = s.GetInnerBox()
 		}

d2target/d2target.go

@@ -179,7 +179,11 @@ func (diagram Diagram) BoundingBox() (topLeft, bottomRight Point) {
 		}
 
 		if targetShape.ThreeDee {
-			y1 = go2.Min(y1, targetShape.Pos.Y-THREE_DEE_OFFSET-targetShape.StrokeWidth)
+			offsetY := THREE_DEE_OFFSET
+			if targetShape.Type == ShapeHexagon {
+				offsetY /= 2
+			}
+			y1 = go2.Min(y1, targetShape.Pos.Y-offsetY-targetShape.StrokeWidth)
 			x2 = go2.Max(x2, targetShape.Pos.X+THREE_DEE_OFFSET+targetShape.Width+targetShape.StrokeWidth)
 		}
 		if targetShape.Multiple {

e2etests-cli/testdata/TestCLI_E2E/multiboard/life/index.exp.svg

@@ -1,9 +1,9 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-803513315" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-803513315 .text-bold {
-	font-family: "d2-803513315-font-bold";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-1380559207" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1380559207 .text-bold {
+	font-family: "d2-1380559207-font-bold";
 }
 @font-face {
-	font-family: d2-803513315-font-bold;
+	font-family: d2-1380559207-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-803513315 .fill-N1{fill:#0A0F25;}
-		.d2-803513315 .fill-N2{fill:#676C7E;}
-		.d2-803513315 .fill-N3{fill:#9499AB;}
-		.d2-803513315 .fill-N4{fill:#CFD2DD;}
-		.d2-803513315 .fill-N5{fill:#DEE1EB;}
-		.d2-803513315 .fill-N6{fill:#EEF1F8;}
-		.d2-803513315 .fill-N7{fill:#FFFFFF;}
-		.d2-803513315 .fill-B1{fill:#0D32B2;}
-		.d2-803513315 .fill-B2{fill:#0D32B2;}
-		.d2-803513315 .fill-B3{fill:#E3E9FD;}
-		.d2-803513315 .fill-B4{fill:#E3E9FD;}
-		.d2-803513315 .fill-B5{fill:#EDF0FD;}
-		.d2-803513315 .fill-B6{fill:#F7F8FE;}
-		.d2-803513315 .fill-AA2{fill:#4A6FF3;}
-		.d2-803513315 .fill-AA4{fill:#EDF0FD;}
-		.d2-803513315 .fill-AA5{fill:#F7F8FE;}
-		.d2-803513315 .fill-AB4{fill:#EDF0FD;}
-		.d2-803513315 .fill-AB5{fill:#F7F8FE;}
-		.d2-803513315 .stroke-N1{stroke:#0A0F25;}
-		.d2-803513315 .stroke-N2{stroke:#676C7E;}
-		.d2-803513315 .stroke-N3{stroke:#9499AB;}
-		.d2-803513315 .stroke-N4{stroke:#CFD2DD;}
-		.d2-803513315 .stroke-N5{stroke:#DEE1EB;}
-		.d2-803513315 .stroke-N6{stroke:#EEF1F8;}
-		.d2-803513315 .stroke-N7{stroke:#FFFFFF;}
-		.d2-803513315 .stroke-B1{stroke:#0D32B2;}
-		.d2-803513315 .stroke-B2{stroke:#0D32B2;}
-		.d2-803513315 .stroke-B3{stroke:#E3E9FD;}
-		.d2-803513315 .stroke-B4{stroke:#E3E9FD;}
-		.d2-803513315 .stroke-B5{stroke:#EDF0FD;}
-		.d2-803513315 .stroke-B6{stroke:#F7F8FE;}
-		.d2-803513315 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-803513315 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-803513315 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-803513315 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-803513315 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-803513315 .background-color-N1{background-color:#0A0F25;}
-		.d2-803513315 .background-color-N2{background-color:#676C7E;}
-		.d2-803513315 .background-color-N3{background-color:#9499AB;}
-		.d2-803513315 .background-color-N4{background-color:#CFD2DD;}
-		.d2-803513315 .background-color-N5{background-color:#DEE1EB;}
-		.d2-803513315 .background-color-N6{background-color:#EEF1F8;}
-		.d2-803513315 .background-color-N7{background-color:#FFFFFF;}
-		.d2-803513315 .background-color-B1{background-color:#0D32B2;}
-		.d2-803513315 .background-color-B2{background-color:#0D32B2;}
-		.d2-803513315 .background-color-B3{background-color:#E3E9FD;}
-		.d2-803513315 .background-color-B4{background-color:#E3E9FD;}
-		.d2-803513315 .background-color-B5{background-color:#EDF0FD;}
-		.d2-803513315 .background-color-B6{background-color:#F7F8FE;}
-		.d2-803513315 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-803513315 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-803513315 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-803513315 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-803513315 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-803513315 .color-N1{color:#0A0F25;}
-		.d2-803513315 .color-N2{color:#676C7E;}
-		.d2-803513315 .color-N3{color:#9499AB;}
-		.d2-803513315 .color-N4{color:#CFD2DD;}
-		.d2-803513315 .color-N5{color:#DEE1EB;}
-		.d2-803513315 .color-N6{color:#EEF1F8;}
-		.d2-803513315 .color-N7{color:#FFFFFF;}
-		.d2-803513315 .color-B1{color:#0D32B2;}
-		.d2-803513315 .color-B2{color:#0D32B2;}
-		.d2-803513315 .color-B3{color:#E3E9FD;}
-		.d2-803513315 .color-B4{color:#E3E9FD;}
-		.d2-803513315 .color-B5{color:#EDF0FD;}
-		.d2-803513315 .color-B6{color:#F7F8FE;}
-		.d2-803513315 .color-AA2{color:#4A6FF3;}
-		.d2-803513315 .color-AA4{color:#EDF0FD;}
-		.d2-803513315 .color-AA5{color:#F7F8FE;}
-		.d2-803513315 .color-AB4{color:#EDF0FD;}
-		.d2-803513315 .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="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-803513315)" /></g><mask id="d2-803513315" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
+		.d2-1380559207 .fill-N1{fill:#0A0F25;}
+		.d2-1380559207 .fill-N2{fill:#676C7E;}
+		.d2-1380559207 .fill-N3{fill:#9499AB;}
+		.d2-1380559207 .fill-N4{fill:#CFD2DD;}
+		.d2-1380559207 .fill-N5{fill:#DEE1EB;}
+		.d2-1380559207 .fill-N6{fill:#EEF1F8;}
+		.d2-1380559207 .fill-N7{fill:#FFFFFF;}
+		.d2-1380559207 .fill-B1{fill:#0D32B2;}
+		.d2-1380559207 .fill-B2{fill:#0D32B2;}
+		.d2-1380559207 .fill-B3{fill:#E3E9FD;}
+		.d2-1380559207 .fill-B4{fill:#E3E9FD;}
+		.d2-1380559207 .fill-B5{fill:#EDF0FD;}
+		.d2-1380559207 .fill-B6{fill:#F7F8FE;}
+		.d2-1380559207 .fill-AA2{fill:#4A6FF3;}
+		.d2-1380559207 .fill-AA4{fill:#EDF0FD;}
+		.d2-1380559207 .fill-AA5{fill:#F7F8FE;}
+		.d2-1380559207 .fill-AB4{fill:#EDF0FD;}
+		.d2-1380559207 .fill-AB5{fill:#F7F8FE;}
+		.d2-1380559207 .stroke-N1{stroke:#0A0F25;}
+		.d2-1380559207 .stroke-N2{stroke:#676C7E;}
+		.d2-1380559207 .stroke-N3{stroke:#9499AB;}
+		.d2-1380559207 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1380559207 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1380559207 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1380559207 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1380559207 .stroke-B1{stroke:#0D32B2;}
+		.d2-1380559207 .stroke-B2{stroke:#0D32B2;}
+		.d2-1380559207 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1380559207 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1380559207 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1380559207 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1380559207 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1380559207 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1380559207 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1380559207 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1380559207 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1380559207 .background-color-N1{background-color:#0A0F25;}
+		.d2-1380559207 .background-color-N2{background-color:#676C7E;}
+		.d2-1380559207 .background-color-N3{background-color:#9499AB;}
+		.d2-1380559207 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1380559207 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1380559207 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1380559207 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1380559207 .background-color-B1{background-color:#0D32B2;}
+		.d2-1380559207 .background-color-B2{background-color:#0D32B2;}
+		.d2-1380559207 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1380559207 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1380559207 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1380559207 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1380559207 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1380559207 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1380559207 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1380559207 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1380559207 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1380559207 .color-N1{color:#0A0F25;}
+		.d2-1380559207 .color-N2{color:#676C7E;}
+		.d2-1380559207 .color-N3{color:#9499AB;}
+		.d2-1380559207 .color-N4{color:#CFD2DD;}
+		.d2-1380559207 .color-N5{color:#DEE1EB;}
+		.d2-1380559207 .color-N6{color:#EEF1F8;}
+		.d2-1380559207 .color-N7{color:#FFFFFF;}
+		.d2-1380559207 .color-B1{color:#0D32B2;}
+		.d2-1380559207 .color-B2{color:#0D32B2;}
+		.d2-1380559207 .color-B3{color:#E3E9FD;}
+		.d2-1380559207 .color-B4{color:#E3E9FD;}
+		.d2-1380559207 .color-B5{color:#EDF0FD;}
+		.d2-1380559207 .color-B6{color:#F7F8FE;}
+		.d2-1380559207 .color-AA2{color:#4A6FF3;}
+		.d2-1380559207 .color-AA4{color:#EDF0FD;}
+		.d2-1380559207 .color-AA5{color:#F7F8FE;}
+		.d2-1380559207 .color-AB4{color:#EDF0FD;}
+		.d2-1380559207 .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="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1380559207)" /></g><mask id="d2-1380559207" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
 <rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
 
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/multiboard/life/scenarios/why.exp.svg

@@ -1,9 +1,9 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2065426295" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-2065426295 .text-bold {
-	font-family: "d2-2065426295-font-bold";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2561523587" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-2561523587 .text-bold {
+	font-family: "d2-2561523587-font-bold";
 }
 @font-face {
-	font-family: d2-2065426295-font-bold;
+	font-family: d2-2561523587-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-2065426295 .fill-N1{fill:#0A0F25;}
-		.d2-2065426295 .fill-N2{fill:#676C7E;}
-		.d2-2065426295 .fill-N3{fill:#9499AB;}
-		.d2-2065426295 .fill-N4{fill:#CFD2DD;}
-		.d2-2065426295 .fill-N5{fill:#DEE1EB;}
-		.d2-2065426295 .fill-N6{fill:#EEF1F8;}
-		.d2-2065426295 .fill-N7{fill:#FFFFFF;}
-		.d2-2065426295 .fill-B1{fill:#0D32B2;}
-		.d2-2065426295 .fill-B2{fill:#0D32B2;}
-		.d2-2065426295 .fill-B3{fill:#E3E9FD;}
-		.d2-2065426295 .fill-B4{fill:#E3E9FD;}
-		.d2-2065426295 .fill-B5{fill:#EDF0FD;}
-		.d2-2065426295 .fill-B6{fill:#F7F8FE;}
-		.d2-2065426295 .fill-AA2{fill:#4A6FF3;}
-		.d2-2065426295 .fill-AA4{fill:#EDF0FD;}
-		.d2-2065426295 .fill-AA5{fill:#F7F8FE;}
-		.d2-2065426295 .fill-AB4{fill:#EDF0FD;}
-		.d2-2065426295 .fill-AB5{fill:#F7F8FE;}
-		.d2-2065426295 .stroke-N1{stroke:#0A0F25;}
-		.d2-2065426295 .stroke-N2{stroke:#676C7E;}
-		.d2-2065426295 .stroke-N3{stroke:#9499AB;}
-		.d2-2065426295 .stroke-N4{stroke:#CFD2DD;}
-		.d2-2065426295 .stroke-N5{stroke:#DEE1EB;}
-		.d2-2065426295 .stroke-N6{stroke:#EEF1F8;}
-		.d2-2065426295 .stroke-N7{stroke:#FFFFFF;}
-		.d2-2065426295 .stroke-B1{stroke:#0D32B2;}
-		.d2-2065426295 .stroke-B2{stroke:#0D32B2;}
-		.d2-2065426295 .stroke-B3{stroke:#E3E9FD;}
-		.d2-2065426295 .stroke-B4{stroke:#E3E9FD;}
-		.d2-2065426295 .stroke-B5{stroke:#EDF0FD;}
-		.d2-2065426295 .stroke-B6{stroke:#F7F8FE;}
-		.d2-2065426295 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-2065426295 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-2065426295 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-2065426295 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-2065426295 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-2065426295 .background-color-N1{background-color:#0A0F25;}
-		.d2-2065426295 .background-color-N2{background-color:#676C7E;}
-		.d2-2065426295 .background-color-N3{background-color:#9499AB;}
-		.d2-2065426295 .background-color-N4{background-color:#CFD2DD;}
-		.d2-2065426295 .background-color-N5{background-color:#DEE1EB;}
-		.d2-2065426295 .background-color-N6{background-color:#EEF1F8;}
-		.d2-2065426295 .background-color-N7{background-color:#FFFFFF;}
-		.d2-2065426295 .background-color-B1{background-color:#0D32B2;}
-		.d2-2065426295 .background-color-B2{background-color:#0D32B2;}
-		.d2-2065426295 .background-color-B3{background-color:#E3E9FD;}
-		.d2-2065426295 .background-color-B4{background-color:#E3E9FD;}
-		.d2-2065426295 .background-color-B5{background-color:#EDF0FD;}
-		.d2-2065426295 .background-color-B6{background-color:#F7F8FE;}
-		.d2-2065426295 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-2065426295 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-2065426295 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-2065426295 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-2065426295 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-2065426295 .color-N1{color:#0A0F25;}
-		.d2-2065426295 .color-N2{color:#676C7E;}
-		.d2-2065426295 .color-N3{color:#9499AB;}
-		.d2-2065426295 .color-N4{color:#CFD2DD;}
-		.d2-2065426295 .color-N5{color:#DEE1EB;}
-		.d2-2065426295 .color-N6{color:#EEF1F8;}
-		.d2-2065426295 .color-N7{color:#FFFFFF;}
-		.d2-2065426295 .color-B1{color:#0D32B2;}
-		.d2-2065426295 .color-B2{color:#0D32B2;}
-		.d2-2065426295 .color-B3{color:#E3E9FD;}
-		.d2-2065426295 .color-B4{color:#E3E9FD;}
-		.d2-2065426295 .color-B5{color:#EDF0FD;}
-		.d2-2065426295 .color-B6{color:#F7F8FE;}
-		.d2-2065426295 .color-AA2{color:#4A6FF3;}
-		.d2-2065426295 .color-AA4{color:#EDF0FD;}
-		.d2-2065426295 .color-AA5{color:#F7F8FE;}
-		.d2-2065426295 .color-AB4{color:#EDF0FD;}
-		.d2-2065426295 .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="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.784863 67.985640 C 18.204819 106.000000 18.200000 126.000000 22.523419 162.028493" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2065426295)" /></g><g id="(y -&gt; x)[0]"><path d="M 31.215137 164.014360 C 35.795181 126.000000 35.800000 106.000000 31.476581 69.971507" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2065426295)" /></g><mask id="d2-2065426295" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
+		.d2-2561523587 .fill-N1{fill:#0A0F25;}
+		.d2-2561523587 .fill-N2{fill:#676C7E;}
+		.d2-2561523587 .fill-N3{fill:#9499AB;}
+		.d2-2561523587 .fill-N4{fill:#CFD2DD;}
+		.d2-2561523587 .fill-N5{fill:#DEE1EB;}
+		.d2-2561523587 .fill-N6{fill:#EEF1F8;}
+		.d2-2561523587 .fill-N7{fill:#FFFFFF;}
+		.d2-2561523587 .fill-B1{fill:#0D32B2;}
+		.d2-2561523587 .fill-B2{fill:#0D32B2;}
+		.d2-2561523587 .fill-B3{fill:#E3E9FD;}
+		.d2-2561523587 .fill-B4{fill:#E3E9FD;}
+		.d2-2561523587 .fill-B5{fill:#EDF0FD;}
+		.d2-2561523587 .fill-B6{fill:#F7F8FE;}
+		.d2-2561523587 .fill-AA2{fill:#4A6FF3;}
+		.d2-2561523587 .fill-AA4{fill:#EDF0FD;}
+		.d2-2561523587 .fill-AA5{fill:#F7F8FE;}
+		.d2-2561523587 .fill-AB4{fill:#EDF0FD;}
+		.d2-2561523587 .fill-AB5{fill:#F7F8FE;}
+		.d2-2561523587 .stroke-N1{stroke:#0A0F25;}
+		.d2-2561523587 .stroke-N2{stroke:#676C7E;}
+		.d2-2561523587 .stroke-N3{stroke:#9499AB;}
+		.d2-2561523587 .stroke-N4{stroke:#CFD2DD;}
+		.d2-2561523587 .stroke-N5{stroke:#DEE1EB;}
+		.d2-2561523587 .stroke-N6{stroke:#EEF1F8;}
+		.d2-2561523587 .stroke-N7{stroke:#FFFFFF;}
+		.d2-2561523587 .stroke-B1{stroke:#0D32B2;}
+		.d2-2561523587 .stroke-B2{stroke:#0D32B2;}
+		.d2-2561523587 .stroke-B3{stroke:#E3E9FD;}
+		.d2-2561523587 .stroke-B4{stroke:#E3E9FD;}
+		.d2-2561523587 .stroke-B5{stroke:#EDF0FD;}
+		.d2-2561523587 .stroke-B6{stroke:#F7F8FE;}
+		.d2-2561523587 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-2561523587 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-2561523587 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-2561523587 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-2561523587 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-2561523587 .background-color-N1{background-color:#0A0F25;}
+		.d2-2561523587 .background-color-N2{background-color:#676C7E;}
+		.d2-2561523587 .background-color-N3{background-color:#9499AB;}
+		.d2-2561523587 .background-color-N4{background-color:#CFD2DD;}
+		.d2-2561523587 .background-color-N5{background-color:#DEE1EB;}
+		.d2-2561523587 .background-color-N6{background-color:#EEF1F8;}
+		.d2-2561523587 .background-color-N7{background-color:#FFFFFF;}
+		.d2-2561523587 .background-color-B1{background-color:#0D32B2;}
+		.d2-2561523587 .background-color-B2{background-color:#0D32B2;}
+		.d2-2561523587 .background-color-B3{background-color:#E3E9FD;}
+		.d2-2561523587 .background-color-B4{background-color:#E3E9FD;}
+		.d2-2561523587 .background-color-B5{background-color:#EDF0FD;}
+		.d2-2561523587 .background-color-B6{background-color:#F7F8FE;}
+		.d2-2561523587 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-2561523587 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-2561523587 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-2561523587 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-2561523587 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-2561523587 .color-N1{color:#0A0F25;}
+		.d2-2561523587 .color-N2{color:#676C7E;}
+		.d2-2561523587 .color-N3{color:#9499AB;}
+		.d2-2561523587 .color-N4{color:#CFD2DD;}
+		.d2-2561523587 .color-N5{color:#DEE1EB;}
+		.d2-2561523587 .color-N6{color:#EEF1F8;}
+		.d2-2561523587 .color-N7{color:#FFFFFF;}
+		.d2-2561523587 .color-B1{color:#0D32B2;}
+		.d2-2561523587 .color-B2{color:#0D32B2;}
+		.d2-2561523587 .color-B3{color:#E3E9FD;}
+		.d2-2561523587 .color-B4{color:#E3E9FD;}
+		.d2-2561523587 .color-B5{color:#EDF0FD;}
+		.d2-2561523587 .color-B6{color:#F7F8FE;}
+		.d2-2561523587 .color-AA2{color:#4A6FF3;}
+		.d2-2561523587 .color-AA4{color:#EDF0FD;}
+		.d2-2561523587 .color-AA5{color:#F7F8FE;}
+		.d2-2561523587 .color-AB4{color:#EDF0FD;}
+		.d2-2561523587 .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="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.784731 67.985636 C 18.204000 106.000000 18.200001 126.000000 22.523419 162.028493" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2561523587)" /></g><g id="(y -&gt; x)[0]"><path d="M 31.214269 164.014364 C 35.794998 126.000000 35.799999 106.000000 31.476581 69.971507" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2561523587)" /></g><mask id="d2-2561523587" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
 <rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
 
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/index.exp.svg

@@ -1,9 +1,9 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-803513315" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-803513315 .text-bold {
-	font-family: "d2-803513315-font-bold";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-1380559207" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1380559207 .text-bold {
+	font-family: "d2-1380559207-font-bold";
 }
 @font-face {
-	font-family: d2-803513315-font-bold;
+	font-family: d2-1380559207-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-803513315 .fill-N1{fill:#0A0F25;}
-		.d2-803513315 .fill-N2{fill:#676C7E;}
-		.d2-803513315 .fill-N3{fill:#9499AB;}
-		.d2-803513315 .fill-N4{fill:#CFD2DD;}
-		.d2-803513315 .fill-N5{fill:#DEE1EB;}
-		.d2-803513315 .fill-N6{fill:#EEF1F8;}
-		.d2-803513315 .fill-N7{fill:#FFFFFF;}
-		.d2-803513315 .fill-B1{fill:#0D32B2;}
-		.d2-803513315 .fill-B2{fill:#0D32B2;}
-		.d2-803513315 .fill-B3{fill:#E3E9FD;}
-		.d2-803513315 .fill-B4{fill:#E3E9FD;}
-		.d2-803513315 .fill-B5{fill:#EDF0FD;}
-		.d2-803513315 .fill-B6{fill:#F7F8FE;}
-		.d2-803513315 .fill-AA2{fill:#4A6FF3;}
-		.d2-803513315 .fill-AA4{fill:#EDF0FD;}
-		.d2-803513315 .fill-AA5{fill:#F7F8FE;}
-		.d2-803513315 .fill-AB4{fill:#EDF0FD;}
-		.d2-803513315 .fill-AB5{fill:#F7F8FE;}
-		.d2-803513315 .stroke-N1{stroke:#0A0F25;}
-		.d2-803513315 .stroke-N2{stroke:#676C7E;}
-		.d2-803513315 .stroke-N3{stroke:#9499AB;}
-		.d2-803513315 .stroke-N4{stroke:#CFD2DD;}
-		.d2-803513315 .stroke-N5{stroke:#DEE1EB;}
-		.d2-803513315 .stroke-N6{stroke:#EEF1F8;}
-		.d2-803513315 .stroke-N7{stroke:#FFFFFF;}
-		.d2-803513315 .stroke-B1{stroke:#0D32B2;}
-		.d2-803513315 .stroke-B2{stroke:#0D32B2;}
-		.d2-803513315 .stroke-B3{stroke:#E3E9FD;}
-		.d2-803513315 .stroke-B4{stroke:#E3E9FD;}
-		.d2-803513315 .stroke-B5{stroke:#EDF0FD;}
-		.d2-803513315 .stroke-B6{stroke:#F7F8FE;}
-		.d2-803513315 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-803513315 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-803513315 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-803513315 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-803513315 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-803513315 .background-color-N1{background-color:#0A0F25;}
-		.d2-803513315 .background-color-N2{background-color:#676C7E;}
-		.d2-803513315 .background-color-N3{background-color:#9499AB;}
-		.d2-803513315 .background-color-N4{background-color:#CFD2DD;}
-		.d2-803513315 .background-color-N5{background-color:#DEE1EB;}
-		.d2-803513315 .background-color-N6{background-color:#EEF1F8;}
-		.d2-803513315 .background-color-N7{background-color:#FFFFFF;}
-		.d2-803513315 .background-color-B1{background-color:#0D32B2;}
-		.d2-803513315 .background-color-B2{background-color:#0D32B2;}
-		.d2-803513315 .background-color-B3{background-color:#E3E9FD;}
-		.d2-803513315 .background-color-B4{background-color:#E3E9FD;}
-		.d2-803513315 .background-color-B5{background-color:#EDF0FD;}
-		.d2-803513315 .background-color-B6{background-color:#F7F8FE;}
-		.d2-803513315 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-803513315 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-803513315 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-803513315 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-803513315 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-803513315 .color-N1{color:#0A0F25;}
-		.d2-803513315 .color-N2{color:#676C7E;}
-		.d2-803513315 .color-N3{color:#9499AB;}
-		.d2-803513315 .color-N4{color:#CFD2DD;}
-		.d2-803513315 .color-N5{color:#DEE1EB;}
-		.d2-803513315 .color-N6{color:#EEF1F8;}
-		.d2-803513315 .color-N7{color:#FFFFFF;}
-		.d2-803513315 .color-B1{color:#0D32B2;}
-		.d2-803513315 .color-B2{color:#0D32B2;}
-		.d2-803513315 .color-B3{color:#E3E9FD;}
-		.d2-803513315 .color-B4{color:#E3E9FD;}
-		.d2-803513315 .color-B5{color:#EDF0FD;}
-		.d2-803513315 .color-B6{color:#F7F8FE;}
-		.d2-803513315 .color-AA2{color:#4A6FF3;}
-		.d2-803513315 .color-AA4{color:#EDF0FD;}
-		.d2-803513315 .color-AA5{color:#F7F8FE;}
-		.d2-803513315 .color-AB4{color:#EDF0FD;}
-		.d2-803513315 .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="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-803513315)" /></g><mask id="d2-803513315" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
+		.d2-1380559207 .fill-N1{fill:#0A0F25;}
+		.d2-1380559207 .fill-N2{fill:#676C7E;}
+		.d2-1380559207 .fill-N3{fill:#9499AB;}
+		.d2-1380559207 .fill-N4{fill:#CFD2DD;}
+		.d2-1380559207 .fill-N5{fill:#DEE1EB;}
+		.d2-1380559207 .fill-N6{fill:#EEF1F8;}
+		.d2-1380559207 .fill-N7{fill:#FFFFFF;}
+		.d2-1380559207 .fill-B1{fill:#0D32B2;}
+		.d2-1380559207 .fill-B2{fill:#0D32B2;}
+		.d2-1380559207 .fill-B3{fill:#E3E9FD;}
+		.d2-1380559207 .fill-B4{fill:#E3E9FD;}
+		.d2-1380559207 .fill-B5{fill:#EDF0FD;}
+		.d2-1380559207 .fill-B6{fill:#F7F8FE;}
+		.d2-1380559207 .fill-AA2{fill:#4A6FF3;}
+		.d2-1380559207 .fill-AA4{fill:#EDF0FD;}
+		.d2-1380559207 .fill-AA5{fill:#F7F8FE;}
+		.d2-1380559207 .fill-AB4{fill:#EDF0FD;}
+		.d2-1380559207 .fill-AB5{fill:#F7F8FE;}
+		.d2-1380559207 .stroke-N1{stroke:#0A0F25;}
+		.d2-1380559207 .stroke-N2{stroke:#676C7E;}
+		.d2-1380559207 .stroke-N3{stroke:#9499AB;}
+		.d2-1380559207 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1380559207 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1380559207 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1380559207 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1380559207 .stroke-B1{stroke:#0D32B2;}
+		.d2-1380559207 .stroke-B2{stroke:#0D32B2;}
+		.d2-1380559207 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1380559207 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1380559207 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1380559207 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1380559207 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1380559207 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1380559207 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1380559207 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1380559207 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1380559207 .background-color-N1{background-color:#0A0F25;}
+		.d2-1380559207 .background-color-N2{background-color:#676C7E;}
+		.d2-1380559207 .background-color-N3{background-color:#9499AB;}
+		.d2-1380559207 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1380559207 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1380559207 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1380559207 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1380559207 .background-color-B1{background-color:#0D32B2;}
+		.d2-1380559207 .background-color-B2{background-color:#0D32B2;}
+		.d2-1380559207 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1380559207 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1380559207 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1380559207 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1380559207 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1380559207 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1380559207 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1380559207 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1380559207 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1380559207 .color-N1{color:#0A0F25;}
+		.d2-1380559207 .color-N2{color:#676C7E;}
+		.d2-1380559207 .color-N3{color:#9499AB;}
+		.d2-1380559207 .color-N4{color:#CFD2DD;}
+		.d2-1380559207 .color-N5{color:#DEE1EB;}
+		.d2-1380559207 .color-N6{color:#EEF1F8;}
+		.d2-1380559207 .color-N7{color:#FFFFFF;}
+		.d2-1380559207 .color-B1{color:#0D32B2;}
+		.d2-1380559207 .color-B2{color:#0D32B2;}
+		.d2-1380559207 .color-B3{color:#E3E9FD;}
+		.d2-1380559207 .color-B4{color:#E3E9FD;}
+		.d2-1380559207 .color-B5{color:#EDF0FD;}
+		.d2-1380559207 .color-B6{color:#F7F8FE;}
+		.d2-1380559207 .color-AA2{color:#4A6FF3;}
+		.d2-1380559207 .color-AA4{color:#EDF0FD;}
+		.d2-1380559207 .color-AA5{color:#F7F8FE;}
+		.d2-1380559207 .color-AB4{color:#EDF0FD;}
+		.d2-1380559207 .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="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1380559207)" /></g><mask id="d2-1380559207" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
 <rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
 
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/scenarios/why.exp.svg

@@ -1,9 +1,9 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2065426295" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-2065426295 .text-bold {
-	font-family: "d2-2065426295-font-bold";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2561523587" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-2561523587 .text-bold {
+	font-family: "d2-2561523587-font-bold";
 }
 @font-face {
-	font-family: d2-2065426295-font-bold;
+	font-family: d2-2561523587-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-2065426295 .fill-N1{fill:#0A0F25;}
-		.d2-2065426295 .fill-N2{fill:#676C7E;}
-		.d2-2065426295 .fill-N3{fill:#9499AB;}
-		.d2-2065426295 .fill-N4{fill:#CFD2DD;}
-		.d2-2065426295 .fill-N5{fill:#DEE1EB;}
-		.d2-2065426295 .fill-N6{fill:#EEF1F8;}
-		.d2-2065426295 .fill-N7{fill:#FFFFFF;}
-		.d2-2065426295 .fill-B1{fill:#0D32B2;}
-		.d2-2065426295 .fill-B2{fill:#0D32B2;}
-		.d2-2065426295 .fill-B3{fill:#E3E9FD;}
-		.d2-2065426295 .fill-B4{fill:#E3E9FD;}
-		.d2-2065426295 .fill-B5{fill:#EDF0FD;}
-		.d2-2065426295 .fill-B6{fill:#F7F8FE;}
-		.d2-2065426295 .fill-AA2{fill:#4A6FF3;}
-		.d2-2065426295 .fill-AA4{fill:#EDF0FD;}
-		.d2-2065426295 .fill-AA5{fill:#F7F8FE;}
-		.d2-2065426295 .fill-AB4{fill:#EDF0FD;}
-		.d2-2065426295 .fill-AB5{fill:#F7F8FE;}
-		.d2-2065426295 .stroke-N1{stroke:#0A0F25;}
-		.d2-2065426295 .stroke-N2{stroke:#676C7E;}
-		.d2-2065426295 .stroke-N3{stroke:#9499AB;}
-		.d2-2065426295 .stroke-N4{stroke:#CFD2DD;}
-		.d2-2065426295 .stroke-N5{stroke:#DEE1EB;}
-		.d2-2065426295 .stroke-N6{stroke:#EEF1F8;}
-		.d2-2065426295 .stroke-N7{stroke:#FFFFFF;}
-		.d2-2065426295 .stroke-B1{stroke:#0D32B2;}
-		.d2-2065426295 .stroke-B2{stroke:#0D32B2;}
-		.d2-2065426295 .stroke-B3{stroke:#E3E9FD;}
-		.d2-2065426295 .stroke-B4{stroke:#E3E9FD;}
-		.d2-2065426295 .stroke-B5{stroke:#EDF0FD;}
-		.d2-2065426295 .stroke-B6{stroke:#F7F8FE;}
-		.d2-2065426295 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-2065426295 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-2065426295 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-2065426295 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-2065426295 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-2065426295 .background-color-N1{background-color:#0A0F25;}
-		.d2-2065426295 .background-color-N2{background-color:#676C7E;}
-		.d2-2065426295 .background-color-N3{background-color:#9499AB;}
-		.d2-2065426295 .background-color-N4{background-color:#CFD2DD;}
-		.d2-2065426295 .background-color-N5{background-color:#DEE1EB;}
-		.d2-2065426295 .background-color-N6{background-color:#EEF1F8;}
-		.d2-2065426295 .background-color-N7{background-color:#FFFFFF;}
-		.d2-2065426295 .background-color-B1{background-color:#0D32B2;}
-		.d2-2065426295 .background-color-B2{background-color:#0D32B2;}
-		.d2-2065426295 .background-color-B3{background-color:#E3E9FD;}
-		.d2-2065426295 .background-color-B4{background-color:#E3E9FD;}
-		.d2-2065426295 .background-color-B5{background-color:#EDF0FD;}
-		.d2-2065426295 .background-color-B6{background-color:#F7F8FE;}
-		.d2-2065426295 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-2065426295 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-2065426295 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-2065426295 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-2065426295 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-2065426295 .color-N1{color:#0A0F25;}
-		.d2-2065426295 .color-N2{color:#676C7E;}
-		.d2-2065426295 .color-N3{color:#9499AB;}
-		.d2-2065426295 .color-N4{color:#CFD2DD;}
-		.d2-2065426295 .color-N5{color:#DEE1EB;}
-		.d2-2065426295 .color-N6{color:#EEF1F8;}
-		.d2-2065426295 .color-N7{color:#FFFFFF;}
-		.d2-2065426295 .color-B1{color:#0D32B2;}
-		.d2-2065426295 .color-B2{color:#0D32B2;}
-		.d2-2065426295 .color-B3{color:#E3E9FD;}
-		.d2-2065426295 .color-B4{color:#E3E9FD;}
-		.d2-2065426295 .color-B5{color:#EDF0FD;}
-		.d2-2065426295 .color-B6{color:#F7F8FE;}
-		.d2-2065426295 .color-AA2{color:#4A6FF3;}
-		.d2-2065426295 .color-AA4{color:#EDF0FD;}
-		.d2-2065426295 .color-AA5{color:#F7F8FE;}
-		.d2-2065426295 .color-AB4{color:#EDF0FD;}
-		.d2-2065426295 .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="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.784863 67.985640 C 18.204819 106.000000 18.200000 126.000000 22.523419 162.028493" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2065426295)" /></g><g id="(y -&gt; x)[0]"><path d="M 31.215137 164.014360 C 35.795181 126.000000 35.800000 106.000000 31.476581 69.971507" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2065426295)" /></g><mask id="d2-2065426295" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
+		.d2-2561523587 .fill-N1{fill:#0A0F25;}
+		.d2-2561523587 .fill-N2{fill:#676C7E;}
+		.d2-2561523587 .fill-N3{fill:#9499AB;}
+		.d2-2561523587 .fill-N4{fill:#CFD2DD;}
+		.d2-2561523587 .fill-N5{fill:#DEE1EB;}
+		.d2-2561523587 .fill-N6{fill:#EEF1F8;}
+		.d2-2561523587 .fill-N7{fill:#FFFFFF;}
+		.d2-2561523587 .fill-B1{fill:#0D32B2;}
+		.d2-2561523587 .fill-B2{fill:#0D32B2;}
+		.d2-2561523587 .fill-B3{fill:#E3E9FD;}
+		.d2-2561523587 .fill-B4{fill:#E3E9FD;}
+		.d2-2561523587 .fill-B5{fill:#EDF0FD;}
+		.d2-2561523587 .fill-B6{fill:#F7F8FE;}
+		.d2-2561523587 .fill-AA2{fill:#4A6FF3;}
+		.d2-2561523587 .fill-AA4{fill:#EDF0FD;}
+		.d2-2561523587 .fill-AA5{fill:#F7F8FE;}
+		.d2-2561523587 .fill-AB4{fill:#EDF0FD;}
+		.d2-2561523587 .fill-AB5{fill:#F7F8FE;}
+		.d2-2561523587 .stroke-N1{stroke:#0A0F25;}
+		.d2-2561523587 .stroke-N2{stroke:#676C7E;}
+		.d2-2561523587 .stroke-N3{stroke:#9499AB;}
+		.d2-2561523587 .stroke-N4{stroke:#CFD2DD;}
+		.d2-2561523587 .stroke-N5{stroke:#DEE1EB;}
+		.d2-2561523587 .stroke-N6{stroke:#EEF1F8;}
+		.d2-2561523587 .stroke-N7{stroke:#FFFFFF;}
+		.d2-2561523587 .stroke-B1{stroke:#0D32B2;}
+		.d2-2561523587 .stroke-B2{stroke:#0D32B2;}
+		.d2-2561523587 .stroke-B3{stroke:#E3E9FD;}
+		.d2-2561523587 .stroke-B4{stroke:#E3E9FD;}
+		.d2-2561523587 .stroke-B5{stroke:#EDF0FD;}
+		.d2-2561523587 .stroke-B6{stroke:#F7F8FE;}
+		.d2-2561523587 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-2561523587 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-2561523587 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-2561523587 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-2561523587 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-2561523587 .background-color-N1{background-color:#0A0F25;}
+		.d2-2561523587 .background-color-N2{background-color:#676C7E;}
+		.d2-2561523587 .background-color-N3{background-color:#9499AB;}
+		.d2-2561523587 .background-color-N4{background-color:#CFD2DD;}
+		.d2-2561523587 .background-color-N5{background-color:#DEE1EB;}
+		.d2-2561523587 .background-color-N6{background-color:#EEF1F8;}
+		.d2-2561523587 .background-color-N7{background-color:#FFFFFF;}
+		.d2-2561523587 .background-color-B1{background-color:#0D32B2;}
+		.d2-2561523587 .background-color-B2{background-color:#0D32B2;}
+		.d2-2561523587 .background-color-B3{background-color:#E3E9FD;}
+		.d2-2561523587 .background-color-B4{background-color:#E3E9FD;}
+		.d2-2561523587 .background-color-B5{background-color:#EDF0FD;}
+		.d2-2561523587 .background-color-B6{background-color:#F7F8FE;}
+		.d2-2561523587 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-2561523587 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-2561523587 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-2561523587 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-2561523587 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-2561523587 .color-N1{color:#0A0F25;}
+		.d2-2561523587 .color-N2{color:#676C7E;}
+		.d2-2561523587 .color-N3{color:#9499AB;}
+		.d2-2561523587 .color-N4{color:#CFD2DD;}
+		.d2-2561523587 .color-N5{color:#DEE1EB;}
+		.d2-2561523587 .color-N6{color:#EEF1F8;}
+		.d2-2561523587 .color-N7{color:#FFFFFF;}
+		.d2-2561523587 .color-B1{color:#0D32B2;}
+		.d2-2561523587 .color-B2{color:#0D32B2;}
+		.d2-2561523587 .color-B3{color:#E3E9FD;}
+		.d2-2561523587 .color-B4{color:#E3E9FD;}
+		.d2-2561523587 .color-B5{color:#EDF0FD;}
+		.d2-2561523587 .color-B6{color:#F7F8FE;}
+		.d2-2561523587 .color-AA2{color:#4A6FF3;}
+		.d2-2561523587 .color-AA4{color:#EDF0FD;}
+		.d2-2561523587 .color-AA5{color:#F7F8FE;}
+		.d2-2561523587 .color-AB4{color:#EDF0FD;}
+		.d2-2561523587 .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="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.784731 67.985636 C 18.204000 106.000000 18.200001 126.000000 22.523419 162.028493" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2561523587)" /></g><g id="(y -&gt; x)[0]"><path d="M 31.214269 164.014364 C 35.794998 126.000000 35.799999 106.000000 31.476581 69.971507" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2561523587)" /></g><mask id="d2-2561523587" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
 <rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/stable_test.go

@@ -2723,6 +2723,8 @@ scenarios: {
 		loadFromFile(t, "grid_large_checkered"),
 		loadFromFile(t, "grid_nested"),
 		loadFromFile(t, "grid_nested_gap0"),
+		loadFromFile(t, "multiple_offset"),
+		loadFromFile(t, "multiple_offset_left"),
 	}
 
 	runa(t, tcs)

e2etests/testdata/files/multiple_offset.d2

@@ -0,0 +1,87 @@
+n1: {
+  a -> b
+  b.style: {
+    stroke-dash: 5
+    multiple: true
+  }
+}
+
+n2: {
+  a -> b
+  b.style: {
+    stroke-dash: 5
+    3d: true
+  }
+}
+
+n3: {
+  a -> b
+  b.style: {
+    stroke-dash: 5
+    multiple: true
+  }
+  style.multiple: true
+}
+
+n4: {
+  a -> b
+  b.style: {
+    stroke-dash: 5
+    3d: true
+  }
+  style.3d: true
+}
+
+n5: {
+  a -> b
+  b.style: {
+    stroke-dash: 5
+  }
+  style.multiple: true
+}
+
+n6: {
+  a -> b
+  b.style: {
+    stroke-dash: 5
+  }
+  style.3d: true
+}
+
+n7: {
+  a -> b
+  a.style.multiple: true
+  b.style: {
+    stroke-dash: 5
+  }
+  style.multiple: true
+}
+
+n8: {
+  a -> b
+  a.style.3d: true
+  b.style: {
+    stroke-dash: 5
+  }
+  style.3d: true
+}
+
+n9: {
+  a -> b
+  a.style.multiple: true
+  b.style: {
+    stroke-dash: 5
+    multiple: true
+  }
+  style.multiple: true
+}
+
+n10: {
+  a -> b
+  a.style.3d: true
+  b.style: {
+    stroke-dash: 5
+    3d: true
+  }
+  style.3d: true
+}

e2etests/testdata/files/multiple_offset_left.d2

@@ -0,0 +1,88 @@
+direction: left
+n1: {
+  a -> b
+  b.style: {
+    stroke-dash: 5
+    multiple: true
+  }
+}
+
+n2: {
+  a -> b
+  b.style: {
+    stroke-dash: 5
+    3d: true
+  }
+}
+
+n3: {
+  a -> b
+  b.style: {
+    stroke-dash: 5
+    multiple: true
+  }
+  style.multiple: true
+}
+
+n4: {
+  a -> b
+  b.style: {
+    stroke-dash: 5
+    3d: true
+  }
+  style.3d: true
+}
+
+n5: {
+  a -> b
+  b.style: {
+    stroke-dash: 5
+  }
+  style.multiple: true
+}
+
+n6: {
+  a -> b
+  b.style: {
+    stroke-dash: 5
+  }
+  style.3d: true
+}
+
+n7: {
+  a -> b
+  a.style.multiple: true
+  b.style: {
+    stroke-dash: 5
+  }
+  style.multiple: true
+}
+
+n8: {
+  a -> b
+  a.style.3d: true
+  b.style: {
+    stroke-dash: 5
+  }
+  style.3d: true
+}
+
+n9: {
+  a -> b
+  a.style.multiple: true
+  b.style: {
+    stroke-dash: 5
+    multiple: true
+  }
+  style.multiple: true
+}
+
+n10: {
+  a -> b
+  a.style.3d: true
+  b.style: {
+    stroke-dash: 5
+    3d: true
+  }
+  style.3d: true
+}

e2etests/testdata/patterns/3d/dagre/board.exp.json

@@ -8,7 +8,7 @@
       "type": "rectangle",
       "pos": {
         "x": 0,
-        "y": 2
+        "y": 15
       },
       "width": 53,
       "height": 66,
@@ -49,8 +49,8 @@
       "id": "y",
       "type": "hexagon",
       "pos": {
-        "x": 113,
-        "y": 0
+        "x": 128,
+        "y": 10
       },
       "width": 51,
       "height": 69,

e2etests/testdata/patterns/3d/dagre/sketch.exp.svg

@@ -1,9 +1,9 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 182 87"><svg id="d2-svg" class="d2-776364968" width="182" height="87" viewBox="-1 -17 182 87"><rect x="-1.000000" y="-17.000000" width="182.000000" height="87.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-776364968 .text-bold {
-	font-family: "d2-776364968-font-bold";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 197 84"><svg id="d2-svg" class="d2-297823489" width="197" height="84" viewBox="-1 -2 197 84"><rect x="-1.000000" y="-2.000000" width="197.000000" height="84.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-297823489 .text-bold {
+	font-family: "d2-297823489-font-bold";
 }
 @font-face {
-	font-family: d2-776364968-font-bold;
+	font-family: d2-297823489-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-776364968 .fill-N1{fill:#0A0F25;}
-		.d2-776364968 .fill-N2{fill:#676C7E;}
-		.d2-776364968 .fill-N3{fill:#9499AB;}
-		.d2-776364968 .fill-N4{fill:#CFD2DD;}
-		.d2-776364968 .fill-N5{fill:#DEE1EB;}
-		.d2-776364968 .fill-N6{fill:#EEF1F8;}
-		.d2-776364968 .fill-N7{fill:#FFFFFF;}
-		.d2-776364968 .fill-B1{fill:#0D32B2;}
-		.d2-776364968 .fill-B2{fill:#0D32B2;}
-		.d2-776364968 .fill-B3{fill:#E3E9FD;}
-		.d2-776364968 .fill-B4{fill:#E3E9FD;}
-		.d2-776364968 .fill-B5{fill:#EDF0FD;}
-		.d2-776364968 .fill-B6{fill:#F7F8FE;}
-		.d2-776364968 .fill-AA2{fill:#4A6FF3;}
-		.d2-776364968 .fill-AA4{fill:#EDF0FD;}
-		.d2-776364968 .fill-AA5{fill:#F7F8FE;}
-		.d2-776364968 .fill-AB4{fill:#EDF0FD;}
-		.d2-776364968 .fill-AB5{fill:#F7F8FE;}
-		.d2-776364968 .stroke-N1{stroke:#0A0F25;}
-		.d2-776364968 .stroke-N2{stroke:#676C7E;}
-		.d2-776364968 .stroke-N3{stroke:#9499AB;}
-		.d2-776364968 .stroke-N4{stroke:#CFD2DD;}
-		.d2-776364968 .stroke-N5{stroke:#DEE1EB;}
-		.d2-776364968 .stroke-N6{stroke:#EEF1F8;}
-		.d2-776364968 .stroke-N7{stroke:#FFFFFF;}
-		.d2-776364968 .stroke-B1{stroke:#0D32B2;}
-		.d2-776364968 .stroke-B2{stroke:#0D32B2;}
-		.d2-776364968 .stroke-B3{stroke:#E3E9FD;}
-		.d2-776364968 .stroke-B4{stroke:#E3E9FD;}
-		.d2-776364968 .stroke-B5{stroke:#EDF0FD;}
-		.d2-776364968 .stroke-B6{stroke:#F7F8FE;}
-		.d2-776364968 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-776364968 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-776364968 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-776364968 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-776364968 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-776364968 .background-color-N1{background-color:#0A0F25;}
-		.d2-776364968 .background-color-N2{background-color:#676C7E;}
-		.d2-776364968 .background-color-N3{background-color:#9499AB;}
-		.d2-776364968 .background-color-N4{background-color:#CFD2DD;}
-		.d2-776364968 .background-color-N5{background-color:#DEE1EB;}
-		.d2-776364968 .background-color-N6{background-color:#EEF1F8;}
-		.d2-776364968 .background-color-N7{background-color:#FFFFFF;}
-		.d2-776364968 .background-color-B1{background-color:#0D32B2;}
-		.d2-776364968 .background-color-B2{background-color:#0D32B2;}
-		.d2-776364968 .background-color-B3{background-color:#E3E9FD;}
-		.d2-776364968 .background-color-B4{background-color:#E3E9FD;}
-		.d2-776364968 .background-color-B5{background-color:#EDF0FD;}
-		.d2-776364968 .background-color-B6{background-color:#F7F8FE;}
-		.d2-776364968 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-776364968 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-776364968 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-776364968 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-776364968 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-776364968 .color-N1{color:#0A0F25;}
-		.d2-776364968 .color-N2{color:#676C7E;}
-		.d2-776364968 .color-N3{color:#9499AB;}
-		.d2-776364968 .color-N4{color:#CFD2DD;}
-		.d2-776364968 .color-N5{color:#DEE1EB;}
-		.d2-776364968 .color-N6{color:#EEF1F8;}
-		.d2-776364968 .color-N7{color:#FFFFFF;}
-		.d2-776364968 .color-B1{color:#0D32B2;}
-		.d2-776364968 .color-B2{color:#0D32B2;}
-		.d2-776364968 .color-B3{color:#E3E9FD;}
-		.d2-776364968 .color-B4{color:#E3E9FD;}
-		.d2-776364968 .color-B5{color:#EDF0FD;}
-		.d2-776364968 .color-B6{color:#F7F8FE;}
-		.d2-776364968 .color-AA2{color:#4A6FF3;}
-		.d2-776364968 .color-AA4{color:#EDF0FD;}
-		.d2-776364968 .color-AA5{color:#F7F8FE;}
-		.d2-776364968 .color-AB4{color:#EDF0FD;}
-		.d2-776364968 .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><style type="text/css"><![CDATA[
+		.d2-297823489 .fill-N1{fill:#0A0F25;}
+		.d2-297823489 .fill-N2{fill:#676C7E;}
+		.d2-297823489 .fill-N3{fill:#9499AB;}
+		.d2-297823489 .fill-N4{fill:#CFD2DD;}
+		.d2-297823489 .fill-N5{fill:#DEE1EB;}
+		.d2-297823489 .fill-N6{fill:#EEF1F8;}
+		.d2-297823489 .fill-N7{fill:#FFFFFF;}
+		.d2-297823489 .fill-B1{fill:#0D32B2;}
+		.d2-297823489 .fill-B2{fill:#0D32B2;}
+		.d2-297823489 .fill-B3{fill:#E3E9FD;}
+		.d2-297823489 .fill-B4{fill:#E3E9FD;}
+		.d2-297823489 .fill-B5{fill:#EDF0FD;}
+		.d2-297823489 .fill-B6{fill:#F7F8FE;}
+		.d2-297823489 .fill-AA2{fill:#4A6FF3;}
+		.d2-297823489 .fill-AA4{fill:#EDF0FD;}
+		.d2-297823489 .fill-AA5{fill:#F7F8FE;}
+		.d2-297823489 .fill-AB4{fill:#EDF0FD;}
+		.d2-297823489 .fill-AB5{fill:#F7F8FE;}
+		.d2-297823489 .stroke-N1{stroke:#0A0F25;}
+		.d2-297823489 .stroke-N2{stroke:#676C7E;}
+		.d2-297823489 .stroke-N3{stroke:#9499AB;}
+		.d2-297823489 .stroke-N4{stroke:#CFD2DD;}
+		.d2-297823489 .stroke-N5{stroke:#DEE1EB;}
+		.d2-297823489 .stroke-N6{stroke:#EEF1F8;}
+		.d2-297823489 .stroke-N7{stroke:#FFFFFF;}
+		.d2-297823489 .stroke-B1{stroke:#0D32B2;}
+		.d2-297823489 .stroke-B2{stroke:#0D32B2;}
+		.d2-297823489 .stroke-B3{stroke:#E3E9FD;}
+		.d2-297823489 .stroke-B4{stroke:#E3E9FD;}
+		.d2-297823489 .stroke-B5{stroke:#EDF0FD;}
+		.d2-297823489 .stroke-B6{stroke:#F7F8FE;}
+		.d2-297823489 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-297823489 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-297823489 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-297823489 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-297823489 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-297823489 .background-color-N1{background-color:#0A0F25;}
+		.d2-297823489 .background-color-N2{background-color:#676C7E;}
+		.d2-297823489 .background-color-N3{background-color:#9499AB;}
+		.d2-297823489 .background-color-N4{background-color:#CFD2DD;}
+		.d2-297823489 .background-color-N5{background-color:#DEE1EB;}
+		.d2-297823489 .background-color-N6{background-color:#EEF1F8;}
+		.d2-297823489 .background-color-N7{background-color:#FFFFFF;}
+		.d2-297823489 .background-color-B1{background-color:#0D32B2;}
+		.d2-297823489 .background-color-B2{background-color:#0D32B2;}
+		.d2-297823489 .background-color-B3{background-color:#E3E9FD;}
+		.d2-297823489 .background-color-B4{background-color:#E3E9FD;}
+		.d2-297823489 .background-color-B5{background-color:#EDF0FD;}
+		.d2-297823489 .background-color-B6{background-color:#F7F8FE;}
+		.d2-297823489 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-297823489 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-297823489 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-297823489 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-297823489 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-297823489 .color-N1{color:#0A0F25;}
+		.d2-297823489 .color-N2{color:#676C7E;}
+		.d2-297823489 .color-N3{color:#9499AB;}
+		.d2-297823489 .color-N4{color:#CFD2DD;}
+		.d2-297823489 .color-N5{color:#DEE1EB;}
+		.d2-297823489 .color-N6{color:#EEF1F8;}
+		.d2-297823489 .color-N7{color:#FFFFFF;}
+		.d2-297823489 .color-B1{color:#0D32B2;}
+		.d2-297823489 .color-B2{color:#0D32B2;}
+		.d2-297823489 .color-B3{color:#E3E9FD;}
+		.d2-297823489 .color-B4{color:#E3E9FD;}
+		.d2-297823489 .color-B5{color:#EDF0FD;}
+		.d2-297823489 .color-B6{color:#F7F8FE;}
+		.d2-297823489 .color-AA2{color:#4A6FF3;}
+		.d2-297823489 .color-AA4{color:#EDF0FD;}
+		.d2-297823489 .color-AA5{color:#F7F8FE;}
+		.d2-297823489 .color-AB4{color:#EDF0FD;}
+		.d2-297823489 .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><style type="text/css"><![CDATA[
 .dots-overlay {
 	fill: url(#dots);
 	mix-blend-mode: multiply;
@@ -122,11 +122,11 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="x"><g class="shape" ><defs><mask id="border-mask-x" maskUnits="userSpaceOnUse" x="0" y="-13" width="68" height="81">
-<rect x="0" y="-13" width="68" height="81" fill="white"></rect>
-<path d="M0,2L15,-13L68,-13L68,53L53,68L0,68L0,2L53,2L53,68M53,2L68,-13" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="2.000000" width="53.000000" height="66.000000" mask="url(#border-mask-x)" stroke="none" class=" fill-B6" style="stroke-width:2;" /><rect x="0.000000" y="2.000000" width="53.000000" height="66.000000" mask="url(#border-mask-x)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-x)" points="0,2 15,-13 68,-13 68,53 53,68 53,2" class=" fill-B5" style="stroke-width:2;" /><path d="M0,2 L15,-13 L68,-13 L68,53 L53,68 L0,68 L0,2 L53,2 L53,68 M53,2 L68,-13" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="26.500000" y="40.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><defs><mask id="border-mask-y" maskUnits="userSpaceOnUse" x="113" y="-15" width="66" height="84">
-<rect x="113" y="-15" width="66" height="84" fill="white"></rect>
-<path d="M125,0L140,-7L166,-7L179,27L166,62L151,69L125,69L113,34L125,0L151,0L164,34L151,69M151,0L166,-7M164,34L179,27M151,69L166,62" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="113.000000" y="0.000000" mask="url(#border-mask-y)" points="125,0 151,0 164,34 151,69 125,69 113,34" stroke="none" class=" fill-N5" style="stroke-width:2;" /><polygon x="113.000000" y="0.000000" mask="url(#border-mask-y)" points="125,0 151,0 164,34 151,69 125,69 113,34" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-y)" points="140,-7 166,-7 179,27 166,62 151,69 164,34 151,0 125,0" class=" fill-N4" style="stroke-width:2;" /><path d="M125,0 L140,-7 L166,-7 L179,27 L166,62 L151,69 L125,69 L113,34 L125,0 L151,0 L164,34 L151,69 M151,0 L166,-7 M164,34 L179,27 M151,69 L166,62" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="138.500000" y="40.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><mask id="d2-776364968" maskUnits="userSpaceOnUse" x="-1" y="-17" width="182" height="87">
-<rect x="-1" y="-17" width="182" height="87" fill="white"></rect>
+</defs><g id="x"><g class="shape" ><defs><mask id="border-mask-x" maskUnits="userSpaceOnUse" x="0" y="0" width="68" height="81">
+<rect x="0" y="0" width="68" height="81" fill="white"></rect>
+<path d="M0,15L15,0L68,0L68,66L53,81L0,81L0,15L53,15L53,81M53,15L68,0" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="15.000000" width="53.000000" height="66.000000" mask="url(#border-mask-x)" stroke="none" class=" fill-B6" style="stroke-width:2;" /><rect x="0.000000" y="15.000000" width="53.000000" height="66.000000" mask="url(#border-mask-x)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-x)" points="0,15 15,0 68,0 68,66 53,81 53,15" class=" fill-B5" style="stroke-width:2;" /><path d="M0,15 L15,0 L68,0 L68,66 L53,81 L0,81 L0,15 L53,15 L53,81 M53,15 L68,0" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="26.500000" y="53.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><defs><mask id="border-mask-y" maskUnits="userSpaceOnUse" x="128" y="-5" width="66" height="84">
+<rect x="128" y="-5" width="66" height="84" fill="white"></rect>
+<path d="M140,10L155,3L181,3L194,37L181,72L166,79L140,79L128,44L140,10L166,10L179,44L166,79M166,10L181,3M179,44L194,37M166,79L181,72" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="128.000000" y="10.000000" mask="url(#border-mask-y)" points="140,10 166,10 179,44 166,79 140,79 128,44" stroke="none" class=" fill-N5" style="stroke-width:2;" /><polygon x="128.000000" y="10.000000" mask="url(#border-mask-y)" points="140,10 166,10 179,44 166,79 140,79 128,44" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-y)" points="155,3 181,3 194,37 181,72 166,79 179,44 166,10 140,10" class=" fill-N4" style="stroke-width:2;" /><path d="M140,10 L155,3 L181,3 L194,37 L181,72 L166,79 L140,79 L128,44 L140,10 L166,10 L179,44 L166,79 M166,10 L181,3 M179,44 L194,37 M166,79 L181,72" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="153.500000" y="50.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><mask id="d2-297823489" maskUnits="userSpaceOnUse" x="-1" y="-2" width="197" height="84">
+<rect x="-1" y="-2" width="197" height="84" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/testdata/patterns/all_shapes/dagre/board.exp.json

@@ -749,7 +749,7 @@
         },
         {
           "x": 55.5,
-          "y": 129.4
+          "y": 129.39999389648438
         },
         {
           "x": 55.5,
@@ -799,8 +799,8 @@
           "y": 326
         },
         {
-          "x": 55.6,
-          "y": 349.2
+          "x": 55.599998474121094,
+          "y": 349.20001220703125
         },
         {
           "x": 56,
@@ -843,11 +843,11 @@
         },
         {
           "x": 269,
-          "y": 129.4
+          "y": 129.39999389648438
         },
         {
           "x": 269,
-          "y": 153.8
+          "y": 153.8000030517578
         },
         {
           "x": 269,
@@ -890,7 +890,7 @@
         },
         {
           "x": 269,
-          "y": 322.2
+          "y": 322.20001220703125
         },
         {
           "x": 269,
@@ -936,12 +936,12 @@
           "y": 79
         },
         {
-          "x": 497.4,
-          "y": 129.4
+          "x": 497.3999938964844,
+          "y": 129.39999389648438
         },
         {
-          "x": 497.6,
-          "y": 154.2
+          "x": 497.6000061035156,
+          "y": 154.1999969482422
         },
         {
           "x": 498,
@@ -983,12 +983,12 @@
           "y": 276
         },
         {
-          "x": 497.4,
+          "x": 497.3999938964844,
           "y": 324
         },
         {
-          "x": 497.6,
-          "y": 347.8
+          "x": 497.6000061035156,
+          "y": 347.79998779296875
         },
         {
           "x": 498,
@@ -1030,12 +1030,12 @@
           "y": 47
         },
         {
-          "x": 684.6,
+          "x": 684.5999755859375,
           "y": 123
         },
         {
-          "x": 684.6,
-          "y": 154.8
+          "x": 684.5999755859375,
+          "y": 154.8000030517578
         },
         {
           "x": 685,
@@ -1077,12 +1077,12 @@
           "y": 272
         },
         {
-          "x": 684.4,
-          "y": 323.2
+          "x": 684.4000244140625,
+          "y": 323.20001220703125
         },
         {
-          "x": 684.6,
-          "y": 348.6
+          "x": 684.5999755859375,
+          "y": 348.6000061035156
         },
         {
           "x": 685,
@@ -1129,7 +1129,7 @@
         },
         {
           "x": 870,
-          "y": 154.4
+          "y": 154.39999389648438
         },
         {
           "x": 870,
@@ -1172,11 +1172,11 @@
         },
         {
           "x": 870,
-          "y": 323.6
+          "y": 323.6000061035156
         },
         {
           "x": 870,
-          "y": 348.8
+          "y": 348.79998779296875
         },
         {
           "x": 870,
@@ -1219,11 +1219,11 @@
         },
         {
           "x": 1072,
-          "y": 129.8
+          "y": 129.8000030517578
         },
         {
           "x": 1072,
-          "y": 153.2
+          "y": 153.1999969482422
         },
         {
           "x": 1072,

e2etests/testdata/patterns/multiple/dagre/board.exp.json

@@ -8,7 +8,7 @@
       "type": "rectangle",
       "pos": {
         "x": 0,
-        "y": 13
+        "y": 23
       },
       "width": 111,
       "height": 66,
@@ -50,7 +50,7 @@
       "type": "rectangle",
       "pos": {
         "x": 9,
-        "y": 192
+        "y": 212
       },
       "width": 94,
       "height": 94,
@@ -92,7 +92,7 @@
       "type": "page",
       "pos": {
         "x": 16,
-        "y": 402
+        "y": 432
       },
       "width": 79,
       "height": 87,
@@ -133,8 +133,8 @@
       "id": "parallelogram",
       "type": "parallelogram",
       "pos": {
-        "x": 171,
-        "y": 13
+        "x": 181,
+        "y": 23
       },
       "width": 196,
       "height": 66,
@@ -175,8 +175,8 @@
       "id": "document",
       "type": "document",
       "pos": {
-        "x": 211,
-        "y": 201
+        "x": 221,
+        "y": 221
       },
       "width": 117,
       "height": 76,
@@ -217,8 +217,8 @@
       "id": "cylinder",
       "type": "cylinder",
       "pos": {
-        "x": 217,
-        "y": 386
+        "x": 227,
+        "y": 416
       },
       "width": 104,
       "height": 118,
@@ -259,8 +259,8 @@
       "id": "queue",
       "type": "queue",
       "pos": {
-        "x": 427,
-        "y": 13
+        "x": 447,
+        "y": 23
       },
       "width": 141,
       "height": 66,
@@ -301,8 +301,8 @@
       "id": "package",
       "type": "package",
       "pos": {
-        "x": 446,
-        "y": 203
+        "x": 466,
+        "y": 223
       },
       "width": 103,
       "height": 73,
@@ -343,8 +343,8 @@
       "id": "step",
       "type": "step",
       "pos": {
-        "x": 440,
-        "y": 395
+        "x": 460,
+        "y": 425
       },
       "width": 116,
       "height": 101,
@@ -385,8 +385,8 @@
       "id": "callout",
       "type": "callout",
       "pos": {
-        "x": 637,
-        "y": 1
+        "x": 667,
+        "y": 11
       },
       "width": 95,
       "height": 91,
@@ -427,8 +427,8 @@
       "id": "stored_data",
       "type": "stored_data",
       "pos": {
-        "x": 609,
-        "y": 206
+        "x": 639,
+        "y": 226
       },
       "width": 151,
       "height": 66,
@@ -469,8 +469,8 @@
       "id": "person",
       "type": "person",
       "pos": {
-        "x": 653,
-        "y": 399
+        "x": 683,
+        "y": 429
       },
       "width": 63,
       "height": 66,
@@ -511,8 +511,8 @@
       "id": "diamond",
       "type": "diamond",
       "pos": {
-        "x": 792,
-        "y": 0
+        "x": 832,
+        "y": 10
       },
       "width": 156,
       "height": 92,
@@ -553,8 +553,8 @@
       "id": "oval",
       "type": "oval",
       "pos": {
-        "x": 822,
-        "y": 204
+        "x": 862,
+        "y": 224
       },
       "width": 97,
       "height": 70,
@@ -595,8 +595,8 @@
       "id": "circle",
       "type": "oval",
       "pos": {
-        "x": 825,
-        "y": 400
+        "x": 865,
+        "y": 430
       },
       "width": 91,
       "height": 91,
@@ -637,8 +637,8 @@
       "id": "hexagon",
       "type": "hexagon",
       "pos": {
-        "x": 1008,
-        "y": 12
+        "x": 1058,
+        "y": 22
       },
       "width": 128,
       "height": 69,
@@ -679,8 +679,8 @@
       "id": "cloud",
       "type": "cloud",
       "pos": {
-        "x": 1020,
-        "y": 197
+        "x": 1070,
+        "y": 217
       },
       "width": 104,
       "height": 84,
@@ -744,20 +744,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 55.5,
-          "y": 79
+          "x": 60.5,
+          "y": 89
         },
         {
-          "x": 55.5,
-          "y": 129.4
+          "x": 60.5,
+          "y": 139.39999389648438
         },
         {
-          "x": 55.5,
-          "y": 152
+          "x": 60.5,
+          "y": 162
         },
         {
-          "x": 55.5,
-          "y": 192
+          "x": 60.5,
+          "y": 202
         }
       ],
       "isCurve": true,
@@ -791,20 +791,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 55.5,
-          "y": 286
+          "x": 60.5,
+          "y": 306
         },
         {
-          "x": 55.5,
-          "y": 326
+          "x": 60.5,
+          "y": 346
         },
         {
-          "x": 55.6,
-          "y": 349.2
+          "x": 60.599998474121094,
+          "y": 369.20001220703125
         },
         {
-          "x": 56,
-          "y": 402
+          "x": 61,
+          "y": 422
         }
       ],
       "isCurve": true,
@@ -838,20 +838,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 269,
-          "y": 79
+          "x": 284,
+          "y": 89
         },
         {
-          "x": 269,
-          "y": 129.4
+          "x": 284,
+          "y": 139.39999389648438
         },
         {
-          "x": 269,
-          "y": 153.8
+          "x": 284,
+          "y": 163.8000030517578
         },
         {
-          "x": 269,
-          "y": 201
+          "x": 284,
+          "y": 211
         }
       ],
       "isCurve": true,
@@ -885,20 +885,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 269,
-          "y": 267
+          "x": 284,
+          "y": 283
         },
         {
-          "x": 269,
-          "y": 322.2
+          "x": 284,
+          "y": 341.3999938964844
         },
         {
-          "x": 269,
-          "y": 346
+          "x": 284,
+          "y": 366
         },
         {
-          "x": 269,
-          "y": 386
+          "x": 284,
+          "y": 406
         }
       ],
       "isCurve": true,
@@ -932,20 +932,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 497,
-          "y": 79
+          "x": 522,
+          "y": 89
         },
         {
-          "x": 497.4,
-          "y": 129.4
+          "x": 522.4000244140625,
+          "y": 139.39999389648438
         },
         {
-          "x": 497.6,
-          "y": 154.2
+          "x": 522.5999755859375,
+          "y": 164.1999969482422
         },
         {
-          "x": 498,
-          "y": 203
+          "x": 523,
+          "y": 213
         }
       ],
       "isCurve": true,
@@ -979,20 +979,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 497,
-          "y": 276
+          "x": 522,
+          "y": 296
         },
         {
-          "x": 497.4,
-          "y": 324
+          "x": 522.4000244140625,
+          "y": 344
         },
         {
-          "x": 497.6,
-          "y": 347.8
+          "x": 522.5999755859375,
+          "y": 367.79998779296875
         },
         {
-          "x": 498,
-          "y": 395
+          "x": 523,
+          "y": 415
         }
       ],
       "isCurve": true,
@@ -1026,20 +1026,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 685,
-          "y": 47
+          "x": 720,
+          "y": 95
         },
         {
-          "x": 684.6,
-          "y": 123
+          "x": 719.5999755859375,
+          "y": 140.60000610351562
         },
         {
-          "x": 684.6,
-          "y": 154.8
+          "x": 719.5999755859375,
+          "y": 164.8000030517578
         },
         {
-          "x": 685,
-          "y": 206
+          "x": 720,
+          "y": 216
         }
       ],
       "isCurve": true,
@@ -1073,20 +1073,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 684,
-          "y": 272
+          "x": 719,
+          "y": 292
         },
         {
-          "x": 684.4,
-          "y": 323.2
+          "x": 719.4000244140625,
+          "y": 343.20001220703125
         },
         {
-          "x": 684.6,
-          "y": 348.6
+          "x": 719.5999755859375,
+          "y": 368.6000061035156
         },
         {
-          "x": 685,
-          "y": 399
+          "x": 720,
+          "y": 419
         }
       ],
       "isCurve": true,
@@ -1120,20 +1120,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 870,
-          "y": 92
+          "x": 915,
+          "y": 100
         },
         {
-          "x": 870,
-          "y": 132
+          "x": 915,
+          "y": 141.60000610351562
         },
         {
-          "x": 870,
-          "y": 154.4
+          "x": 915,
+          "y": 164.39999389648438
         },
         {
-          "x": 870,
-          "y": 204
+          "x": 915,
+          "y": 214
         }
       ],
       "isCurve": true,
@@ -1167,20 +1167,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 870,
-          "y": 274
+          "x": 915,
+          "y": 294
         },
         {
-          "x": 870,
-          "y": 323.6
+          "x": 915,
+          "y": 343.6000061035156
         },
         {
-          "x": 870,
-          "y": 348.8
+          "x": 915,
+          "y": 368.79998779296875
         },
         {
-          "x": 870,
-          "y": 400
+          "x": 915,
+          "y": 420
         }
       ],
       "isCurve": true,
@@ -1214,20 +1214,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 1072,
-          "y": 81
+          "x": 1127,
+          "y": 91
         },
         {
-          "x": 1072,
-          "y": 129.8
+          "x": 1127,
+          "y": 139.8000030517578
         },
         {
-          "x": 1072,
-          "y": 153.2
+          "x": 1127,
+          "y": 163.8000030517578
         },
         {
-          "x": 1072,
-          "y": 198
+          "x": 1127,
+          "y": 211
         }
       ],
       "isCurve": true,

e2etests/testdata/patterns/paper/dagre/board.exp.json

@@ -749,7 +749,7 @@
         },
         {
           "x": 55.5,
-          "y": 129.4
+          "y": 129.39999389648438
         },
         {
           "x": 55.5,
@@ -799,8 +799,8 @@
           "y": 326
         },
         {
-          "x": 55.6,
-          "y": 349.2
+          "x": 55.599998474121094,
+          "y": 349.20001220703125
         },
         {
           "x": 56,
@@ -843,11 +843,11 @@
         },
         {
           "x": 269,
-          "y": 129.4
+          "y": 129.39999389648438
         },
         {
           "x": 269,
-          "y": 153.8
+          "y": 153.8000030517578
         },
         {
           "x": 269,
@@ -890,7 +890,7 @@
         },
         {
           "x": 269,
-          "y": 322.2
+          "y": 322.20001220703125
         },
         {
           "x": 269,
@@ -936,12 +936,12 @@
           "y": 79
         },
         {
-          "x": 497.4,
-          "y": 129.4
+          "x": 497.3999938964844,
+          "y": 129.39999389648438
         },
         {
-          "x": 497.6,
-          "y": 154.2
+          "x": 497.6000061035156,
+          "y": 154.1999969482422
         },
         {
           "x": 498,
@@ -983,12 +983,12 @@
           "y": 276
         },
         {
-          "x": 497.4,
+          "x": 497.3999938964844,
           "y": 324
         },
         {
-          "x": 497.6,
-          "y": 347.8
+          "x": 497.6000061035156,
+          "y": 347.79998779296875
         },
         {
           "x": 498,
@@ -1030,12 +1030,12 @@
           "y": 47
         },
         {
-          "x": 684.6,
+          "x": 684.5999755859375,
           "y": 123
         },
         {
-          "x": 684.6,
-          "y": 154.8
+          "x": 684.5999755859375,
+          "y": 154.8000030517578
         },
         {
           "x": 685,
@@ -1077,12 +1077,12 @@
           "y": 272
         },
         {
-          "x": 684.4,
-          "y": 323.2
+          "x": 684.4000244140625,
+          "y": 323.20001220703125
         },
         {
-          "x": 684.6,
-          "y": 348.6
+          "x": 684.5999755859375,
+          "y": 348.6000061035156
         },
         {
           "x": 685,
@@ -1129,7 +1129,7 @@
         },
         {
           "x": 870,
-          "y": 154.4
+          "y": 154.39999389648438
         },
         {
           "x": 870,
@@ -1172,11 +1172,11 @@
         },
         {
           "x": 870,
-          "y": 323.6
+          "y": 323.6000061035156
         },
         {
           "x": 870,
-          "y": 348.8
+          "y": 348.79998779296875
         },
         {
           "x": 870,
@@ -1219,11 +1219,11 @@
         },
         {
           "x": 1072,
-          "y": 129.8
+          "y": 129.8000030517578
         },
         {
           "x": 1072,
-          "y": 153.2
+          "y": 153.1999969482422
         },
         {
           "x": 1072,

e2etests/testdata/patterns/real-lines/dagre/board.exp.json

@@ -10,7 +10,7 @@
         "x": 0,
         "y": 41
       },
-      "width": 360,
+      "width": 361,
       "height": 640,
       "opacity": 1,
       "strokeDash": 0,
@@ -52,7 +52,7 @@
         "x": 20,
         "y": 106
       },
-      "width": 320,
+      "width": 321,
       "height": 545,
       "opacity": 1,
       "strokeDash": 0,
@@ -91,8 +91,8 @@
       "id": "NETWORK.CELL TOWER.satellites",
       "type": "stored_data",
       "pos": {
-        "x": 100,
-        "y": 195
+        "x": 95,
+        "y": 200
       },
       "width": 161,
       "height": 66,
@@ -510,16 +510,16 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 163,
-          "y": 262
+          "x": 160,
+          "y": 267
         },
         {
-          "x": 114.4,
-          "y": 355.6
+          "x": 113.80000305175781,
+          "y": 356.6000061035156
         },
         {
-          "x": 114.45,
-          "y": 402.6
+          "x": 114.44999694824219,
+          "y": 402.6000061035156
         },
         {
           "x": 163.25,
@@ -558,15 +558,15 @@
       "route": [
         {
           "x": 180,
-          "y": 262
+          "y": 267
         },
         {
-          "x": 180.2,
-          "y": 355.6
+          "x": 180.1999969482422,
+          "y": 356.6000061035156
         },
         {
           "x": 180.25,
-          "y": 402.6
+          "y": 402.6000061035156
         },
         {
           "x": 180.25,
@@ -604,16 +604,16 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 198,
-          "y": 262
+          "x": 200,
+          "y": 267
         },
         {
-          "x": 246.2,
-          "y": 355.6
+          "x": 246.60000610351562,
+          "y": 356.6000061035156
         },
         {
-          "x": 246.05,
-          "y": 402.6
+          "x": 246.0500030517578,
+          "y": 402.6000061035156
         },
         {
           "x": 197.25,
@@ -656,11 +656,11 @@
         },
         {
           "x": 556,
-          "y": 328.4
+          "y": 328.3999938964844
         },
         {
           "x": 556,
-          "y": 352.7
+          "y": 352.70001220703125
         },
         {
           "x": 556,

e2etests/testdata/patterns/real/dagre/board.exp.json

@@ -10,8 +10,8 @@
         "x": 0,
         "y": 41
       },
-      "width": 360,
-      "height": 412,
+      "width": 361,
+      "height": 422,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -52,8 +52,8 @@
         "x": 20,
         "y": 106
       },
-      "width": 320,
-      "height": 317,
+      "width": 321,
+      "height": 327,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -91,8 +91,8 @@
       "id": "NETWORK.CELL TOWER.satellites",
       "type": "stored_data",
       "pos": {
-        "x": 100,
-        "y": 138
+        "x": 95,
+        "y": 148
       },
       "width": 161,
       "height": 66,
@@ -133,7 +133,7 @@
       "type": "rectangle",
       "pos": {
         "x": 105,
-        "y": 325
+        "y": 335
       },
       "width": 151,
       "height": 66,
@@ -196,20 +196,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 152,
-          "y": 205
+          "x": 150,
+          "y": 215
         },
         {
-          "x": 112.19999999999999,
-          "y": 253
+          "x": 111.80000305175781,
+          "y": 263
         },
         {
           "x": 112.25,
-          "y": 277.2
+          "y": 287.20001220703125
         },
         {
           "x": 152.25,
-          "y": 326
+          "y": 336
         }
       ],
       "isCurve": true,
@@ -244,19 +244,19 @@
       "route": [
         {
           "x": 180,
-          "y": 205
+          "y": 215
         },
         {
-          "x": 180.2,
-          "y": 253
+          "x": 180.1999969482422,
+          "y": 263
         },
         {
           "x": 180.25,
-          "y": 277.2
+          "y": 287.20001220703125
         },
         {
           "x": 180.25,
-          "y": 326
+          "y": 336
         }
       ],
       "isCurve": true,
@@ -290,20 +290,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 208,
-          "y": 205
+          "x": 211,
+          "y": 215
         },
         {
-          "x": 248.2,
-          "y": 253
+          "x": 248.8000030517578,
+          "y": 263
         },
         {
           "x": 248.25,
-          "y": 277.2
+          "y": 287.20001220703125
         },
         {
           "x": 208.25,
-          "y": 326
+          "y": 336
         }
       ],
       "isCurve": true,

e2etests/testdata/patterns/real/dagre/sketch.exp.svg

@@ -1,16 +1,16 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 362 454"><svg id="d2-svg" class="d2-2819207500" width="362" height="454" viewBox="-1 0 362 454"><rect x="-1.000000" y="0.000000" width="362.000000" height="454.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-2819207500 .text-mono {
-	font-family: "d2-2819207500-font-mono";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 363 464"><svg id="d2-svg" class="d2-3255560050" width="363" height="464" viewBox="-1 0 363 464"><rect x="-1.000000" y="0.000000" width="363.000000" height="464.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3255560050 .text-mono {
+	font-family: "d2-3255560050-font-mono";
 }
 @font-face {
-	font-family: d2-2819207500-font-mono;
+	font-family: d2-3255560050-font-mono;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-2819207500 .text-mono-italic {
-	font-family: "d2-2819207500-font-mono-italic";
+.d2-3255560050 .text-mono-italic {
+	font-family: "d2-3255560050-font-mono-italic";
 }
 @font-face {
-	font-family: d2-2819207500-font-mono-italic;
+	font-family: d2-3255560050-font-mono-italic;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,78 +25,78 @@
   opacity: 0.5;
 }
 
-		.d2-2819207500 .fill-N1{fill:#0A0F25;}
-		.d2-2819207500 .fill-N2{fill:#676C7E;}
-		.d2-2819207500 .fill-N3{fill:#9499AB;}
-		.d2-2819207500 .fill-N4{fill:#CFD2DD;}
-		.d2-2819207500 .fill-N5{fill:#DEE1EB;}
-		.d2-2819207500 .fill-N6{fill:#EEF1F8;}
-		.d2-2819207500 .fill-N7{fill:#FFFFFF;}
-		.d2-2819207500 .fill-B1{fill:#0D32B2;}
-		.d2-2819207500 .fill-B2{fill:#0D32B2;}
-		.d2-2819207500 .fill-B3{fill:#E3E9FD;}
-		.d2-2819207500 .fill-B4{fill:#E3E9FD;}
-		.d2-2819207500 .fill-B5{fill:#EDF0FD;}
-		.d2-2819207500 .fill-B6{fill:#F7F8FE;}
-		.d2-2819207500 .fill-AA2{fill:#4A6FF3;}
-		.d2-2819207500 .fill-AA4{fill:#EDF0FD;}
-		.d2-2819207500 .fill-AA5{fill:#F7F8FE;}
-		.d2-2819207500 .fill-AB4{fill:#EDF0FD;}
-		.d2-2819207500 .fill-AB5{fill:#F7F8FE;}
-		.d2-2819207500 .stroke-N1{stroke:#0A0F25;}
-		.d2-2819207500 .stroke-N2{stroke:#676C7E;}
-		.d2-2819207500 .stroke-N3{stroke:#9499AB;}
-		.d2-2819207500 .stroke-N4{stroke:#CFD2DD;}
-		.d2-2819207500 .stroke-N5{stroke:#DEE1EB;}
-		.d2-2819207500 .stroke-N6{stroke:#EEF1F8;}
-		.d2-2819207500 .stroke-N7{stroke:#FFFFFF;}
-		.d2-2819207500 .stroke-B1{stroke:#0D32B2;}
-		.d2-2819207500 .stroke-B2{stroke:#0D32B2;}
-		.d2-2819207500 .stroke-B3{stroke:#E3E9FD;}
-		.d2-2819207500 .stroke-B4{stroke:#E3E9FD;}
-		.d2-2819207500 .stroke-B5{stroke:#EDF0FD;}
-		.d2-2819207500 .stroke-B6{stroke:#F7F8FE;}
-		.d2-2819207500 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-2819207500 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-2819207500 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-2819207500 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-2819207500 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-2819207500 .background-color-N1{background-color:#0A0F25;}
-		.d2-2819207500 .background-color-N2{background-color:#676C7E;}
-		.d2-2819207500 .background-color-N3{background-color:#9499AB;}
-		.d2-2819207500 .background-color-N4{background-color:#CFD2DD;}
-		.d2-2819207500 .background-color-N5{background-color:#DEE1EB;}
-		.d2-2819207500 .background-color-N6{background-color:#EEF1F8;}
-		.d2-2819207500 .background-color-N7{background-color:#FFFFFF;}
-		.d2-2819207500 .background-color-B1{background-color:#0D32B2;}
-		.d2-2819207500 .background-color-B2{background-color:#0D32B2;}
-		.d2-2819207500 .background-color-B3{background-color:#E3E9FD;}
-		.d2-2819207500 .background-color-B4{background-color:#E3E9FD;}
-		.d2-2819207500 .background-color-B5{background-color:#EDF0FD;}
-		.d2-2819207500 .background-color-B6{background-color:#F7F8FE;}
-		.d2-2819207500 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-2819207500 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-2819207500 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-2819207500 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-2819207500 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-2819207500 .color-N1{color:#0A0F25;}
-		.d2-2819207500 .color-N2{color:#676C7E;}
-		.d2-2819207500 .color-N3{color:#9499AB;}
-		.d2-2819207500 .color-N4{color:#CFD2DD;}
-		.d2-2819207500 .color-N5{color:#DEE1EB;}
-		.d2-2819207500 .color-N6{color:#EEF1F8;}
-		.d2-2819207500 .color-N7{color:#FFFFFF;}
-		.d2-2819207500 .color-B1{color:#0D32B2;}
-		.d2-2819207500 .color-B2{color:#0D32B2;}
-		.d2-2819207500 .color-B3{color:#E3E9FD;}
-		.d2-2819207500 .color-B4{color:#E3E9FD;}
-		.d2-2819207500 .color-B5{color:#EDF0FD;}
-		.d2-2819207500 .color-B6{color:#F7F8FE;}
-		.d2-2819207500 .color-AA2{color:#4A6FF3;}
-		.d2-2819207500 .color-AA4{color:#EDF0FD;}
-		.d2-2819207500 .color-AA5{color:#F7F8FE;}
-		.d2-2819207500 .color-AB4{color:#EDF0FD;}
-		.d2-2819207500 .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><style type="text/css"><![CDATA[
+		.d2-3255560050 .fill-N1{fill:#0A0F25;}
+		.d2-3255560050 .fill-N2{fill:#676C7E;}
+		.d2-3255560050 .fill-N3{fill:#9499AB;}
+		.d2-3255560050 .fill-N4{fill:#CFD2DD;}
+		.d2-3255560050 .fill-N5{fill:#DEE1EB;}
+		.d2-3255560050 .fill-N6{fill:#EEF1F8;}
+		.d2-3255560050 .fill-N7{fill:#FFFFFF;}
+		.d2-3255560050 .fill-B1{fill:#0D32B2;}
+		.d2-3255560050 .fill-B2{fill:#0D32B2;}
+		.d2-3255560050 .fill-B3{fill:#E3E9FD;}
+		.d2-3255560050 .fill-B4{fill:#E3E9FD;}
+		.d2-3255560050 .fill-B5{fill:#EDF0FD;}
+		.d2-3255560050 .fill-B6{fill:#F7F8FE;}
+		.d2-3255560050 .fill-AA2{fill:#4A6FF3;}
+		.d2-3255560050 .fill-AA4{fill:#EDF0FD;}
+		.d2-3255560050 .fill-AA5{fill:#F7F8FE;}
+		.d2-3255560050 .fill-AB4{fill:#EDF0FD;}
+		.d2-3255560050 .fill-AB5{fill:#F7F8FE;}
+		.d2-3255560050 .stroke-N1{stroke:#0A0F25;}
+		.d2-3255560050 .stroke-N2{stroke:#676C7E;}
+		.d2-3255560050 .stroke-N3{stroke:#9499AB;}
+		.d2-3255560050 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3255560050 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3255560050 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3255560050 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3255560050 .stroke-B1{stroke:#0D32B2;}
+		.d2-3255560050 .stroke-B2{stroke:#0D32B2;}
+		.d2-3255560050 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3255560050 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3255560050 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3255560050 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3255560050 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3255560050 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3255560050 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3255560050 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3255560050 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3255560050 .background-color-N1{background-color:#0A0F25;}
+		.d2-3255560050 .background-color-N2{background-color:#676C7E;}
+		.d2-3255560050 .background-color-N3{background-color:#9499AB;}
+		.d2-3255560050 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3255560050 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3255560050 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3255560050 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3255560050 .background-color-B1{background-color:#0D32B2;}
+		.d2-3255560050 .background-color-B2{background-color:#0D32B2;}
+		.d2-3255560050 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3255560050 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3255560050 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3255560050 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3255560050 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3255560050 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3255560050 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3255560050 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3255560050 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3255560050 .color-N1{color:#0A0F25;}
+		.d2-3255560050 .color-N2{color:#676C7E;}
+		.d2-3255560050 .color-N3{color:#9499AB;}
+		.d2-3255560050 .color-N4{color:#CFD2DD;}
+		.d2-3255560050 .color-N5{color:#DEE1EB;}
+		.d2-3255560050 .color-N6{color:#EEF1F8;}
+		.d2-3255560050 .color-N7{color:#FFFFFF;}
+		.d2-3255560050 .color-B1{color:#0D32B2;}
+		.d2-3255560050 .color-B2{color:#0D32B2;}
+		.d2-3255560050 .color-B3{color:#E3E9FD;}
+		.d2-3255560050 .color-B4{color:#E3E9FD;}
+		.d2-3255560050 .color-B5{color:#EDF0FD;}
+		.d2-3255560050 .color-B6{color:#F7F8FE;}
+		.d2-3255560050 .color-AA2{color:#4A6FF3;}
+		.d2-3255560050 .color-AA4{color:#EDF0FD;}
+		.d2-3255560050 .color-AA5{color:#F7F8FE;}
+		.d2-3255560050 .color-AB4{color:#EDF0FD;}
+		.d2-3255560050 .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><style type="text/css"><![CDATA[
 .dots-overlay {
 	fill: url(#dots);
 	mix-blend-mode: multiply;
@@ -129,9 +129,9 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="NETWORK"><g class="shape" ><rect x="0.000000" y="41.000000" width="360.000000" height="412.000000" stroke="black" fill="#E7E9EE" style="stroke-width:2;" /><rect x="0.000000" y="41.000000" width="360.000000" height="412.000000" class="dots-overlay" style="stroke-width:2;" /><rect x="5.000000" y="46.000000" width="350.000000" height="402.000000" stroke="black" fill="transparent" style="stroke-width:2;" /></g><text x="180.000000" y="28.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">NETWORK</text></g><g id="NETWORK.CELL TOWER"><g class="shape" ><rect x="20.000000" y="106.000000" width="320.000000" height="317.000000" stroke="black" fill="#F5F6F9" style="stroke-width:2;" /><rect x="20.000000" y="106.000000" width="320.000000" height="317.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="180.000000" y="94.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">CELL TOWER</text></g><g id="NETWORK.CELL TOWER.satellites"><g class="shape" ><path d="M 125 128 H 271 C 267 128 256 146 256 161 C 256 176 267 194 271 194 H 125 C 121 194 110 176 110 161 C 110 146 121 128 125 128 Z" stroke="black" fill="white" style="stroke-width:2;" /><path d="M 115 138 H 261 C 257 138 246 156 246 171 C 246 186 257 204 261 204 H 115 C 111 204 100 186 100 171 C 100 156 111 138 115 138 Z" stroke="black" fill="white" style="stroke-width:2;" /></g><text x="180.500000" y="176.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">SATELLITES</text></g><g id="NETWORK.CELL TOWER.transmitter"><g class="shape" ><rect x="105.000000" y="325.000000" width="151.000000" height="66.000000" stroke="black" fill="white" style="stroke-width:2;" /></g><text x="180.500000" y="363.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">TRANSMITTER</text></g><g id="NETWORK.CELL TOWER.(satellites -&gt; transmitter)[0]"><marker id="mk-27687146" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="black" class="connection" stroke-width="2" /> </marker><path d="M 150.723421 206.539593 C 112.200000 253.000000 112.250000 277.200000 149.714288 322.906432" stroke="black" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-27687146)" mask="url(#d2-2819207500)" /><text x="112.000000" y="271.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="NETWORK.CELL TOWER.(satellites -&gt; transmitter)[1]"><path d="M 180.008333 206.999983 C 180.200000 253.000000 180.250000 277.200000 180.250000 322.000000" stroke="black" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-27687146)" mask="url(#d2-2819207500)" /><text x="180.000000" y="271.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="NETWORK.CELL TOWER.(satellites -&gt; transmitter)[2]"><path d="M 209.284135 206.533296 C 248.200000 253.000000 248.250000 277.200000 210.785712 322.906432" stroke="black" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-27687146)" mask="url(#d2-2819207500)" /><text x="248.000000" y="271.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><mask id="d2-2819207500" maskUnits="userSpaceOnUse" x="-1" y="0" width="362" height="454">
-<rect x="-1" y="0" width="362" height="454" fill="white"></rect>
-<rect x="93.000000" y="255.000000" width="38" height="21" fill="black"></rect>
-<rect x="161.000000" y="255.000000" width="38" height="21" fill="black"></rect>
-<rect x="229.000000" y="255.000000" width="38" height="21" fill="black"></rect>
+</defs><g id="NETWORK"><g class="shape" ><rect x="0.000000" y="41.000000" width="361.000000" height="422.000000" stroke="black" fill="#E7E9EE" style="stroke-width:2;" /><rect x="0.000000" y="41.000000" width="361.000000" height="422.000000" class="dots-overlay" style="stroke-width:2;" /><rect x="5.000000" y="46.000000" width="351.000000" height="412.000000" stroke="black" fill="transparent" style="stroke-width:2;" /></g><text x="180.500000" y="28.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">NETWORK</text></g><g id="NETWORK.CELL TOWER"><g class="shape" ><rect x="20.000000" y="106.000000" width="321.000000" height="327.000000" stroke="black" fill="#F5F6F9" style="stroke-width:2;" /><rect x="20.000000" y="106.000000" width="321.000000" height="327.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="180.500000" y="94.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">CELL TOWER</text></g><g id="NETWORK.CELL TOWER.satellites"><g class="shape" ><path d="M 120 138 H 266 C 262 138 251 156 251 171 C 251 186 262 204 266 204 H 120 C 116 204 105 186 105 171 C 105 156 116 138 120 138 Z" stroke="black" fill="white" style="stroke-width:2;" /><path d="M 110 148 H 256 C 252 148 241 166 241 181 C 241 196 252 214 256 214 H 110 C 106 214 95 196 95 181 C 95 166 106 148 110 148 Z" stroke="black" fill="white" style="stroke-width:2;" /></g><text x="175.500000" y="186.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">SATELLITES</text></g><g id="NETWORK.CELL TOWER.transmitter"><g class="shape" ><rect x="105.000000" y="335.000000" width="151.000000" height="66.000000" stroke="black" fill="white" style="stroke-width:2;" /></g><text x="180.500000" y="373.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">TRANSMITTER</text></g><g id="NETWORK.CELL TOWER.(satellites -&gt; transmitter)[0]"><marker id="mk-27687146" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="black" class="connection" stroke-width="2" /> </marker><path d="M 148.754590 216.564913 C 111.800003 263.000000 112.250000 287.200012 149.714288 332.906432" stroke="black" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-27687146)" mask="url(#d2-3255560050)" /><text x="112.000000" y="281.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="NETWORK.CELL TOWER.(satellites -&gt; transmitter)[1]"><path d="M 180.008333 216.999983 C 180.199997 263.000000 180.250000 287.200012 180.250000 332.000000" stroke="black" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-27687146)" mask="url(#d2-3255560050)" /><text x="180.000000" y="281.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="NETWORK.CELL TOWER.(satellites -&gt; transmitter)[2]"><path d="M 212.237377 216.571273 C 248.800003 263.000000 248.250000 287.200012 210.785712 332.906432" stroke="black" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-27687146)" mask="url(#d2-3255560050)" /><text x="249.000000" y="282.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><mask id="d2-3255560050" maskUnits="userSpaceOnUse" x="-1" y="0" width="363" height="464">
+<rect x="-1" y="0" width="363" height="464" fill="white"></rect>
+<rect x="93.000000" y="265.000000" width="38" height="21" fill="black"></rect>
+<rect x="161.000000" y="265.000000" width="38" height="21" fill="black"></rect>
+<rect x="230.000000" y="266.000000" width="38" height="21" fill="black"></rect>
 </mask></svg></svg>

e2etests/testdata/patterns/root-dots-with-fill/dagre/board.exp.json

@@ -236,11 +236,11 @@
       "route": [
         {
           "x": 191,
-          "y": 44.54593175853019
+          "y": 44.54499816894531
         },
         {
-          "x": 59.79999999999998,
-          "y": 101.70918635170604
+          "x": 59.79899978637695,
+          "y": 101.70899963378906
         },
         {
           "x": 27,
@@ -290,12 +290,12 @@
           "y": 272
         },
         {
-          "x": 53.900000000000006,
-          "y": 295.91090342679126
+          "x": 53.900001525878906,
+          "y": 295.9100036621094
         },
         {
           "x": 161.5,
-          "y": 351.5545171339564
+          "y": 351.5539855957031
         }
       ],
       "isCurve": true,
@@ -329,11 +329,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 192.25301204819277,
+          "x": 192.2530059814453,
           "y": 66
         },
         {
-          "x": 161.65060240963857,
+          "x": 161.64999389648438,
           "y": 106
         },
         {
@@ -376,11 +376,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 242.74698795180723,
+          "x": 242.74600219726562,
           "y": 66
         },
         {
-          "x": 273.34939759036143,
+          "x": 273.3489990234375,
           "y": 106
         },
         {
@@ -424,15 +424,15 @@
       "route": [
         {
           "x": 244,
-          "y": 49.8544061302682
+          "y": 49.854000091552734
         },
         {
-          "x": 327.2,
-          "y": 102.77088122605365
+          "x": 327.20001220703125,
+          "y": 102.7699966430664
         },
         {
           "x": 348,
-          "y": 132.6
+          "y": 132.60000610351562
         },
         {
           "x": 348,
@@ -440,11 +440,11 @@
         },
         {
           "x": 348,
-          "y": 182.4
+          "y": 182.39999389648438
         },
         {
-          "x": 321.2,
-          "y": 295.8
+          "x": 321.20001220703125,
+          "y": 295.79998779296875
         },
         {
           "x": 214,

e2etests/testdata/patterns/root-dots-with-fill/dagre/sketch.exp.svg

@@ -1,9 +1,9 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-2074103270" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" fill="honeydew" stroke-width="0" /><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class="dots-overlay" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-2074103270 .text-bold {
-	font-family: "d2-2074103270-font-bold";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-324910481" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" fill="honeydew" stroke-width="0" /><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class="dots-overlay" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-324910481 .text-bold {
+	font-family: "d2-324910481-font-bold";
 }
 @font-face {
-	font-family: d2-2074103270-font-bold;
+	font-family: d2-324910481-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-2074103270 .fill-N1{fill:#0A0F25;}
-		.d2-2074103270 .fill-N2{fill:#676C7E;}
-		.d2-2074103270 .fill-N3{fill:#9499AB;}
-		.d2-2074103270 .fill-N4{fill:#CFD2DD;}
-		.d2-2074103270 .fill-N5{fill:#DEE1EB;}
-		.d2-2074103270 .fill-N6{fill:#EEF1F8;}
-		.d2-2074103270 .fill-N7{fill:#FFFFFF;}
-		.d2-2074103270 .fill-B1{fill:#0D32B2;}
-		.d2-2074103270 .fill-B2{fill:#0D32B2;}
-		.d2-2074103270 .fill-B3{fill:#E3E9FD;}
-		.d2-2074103270 .fill-B4{fill:#E3E9FD;}
-		.d2-2074103270 .fill-B5{fill:#EDF0FD;}
-		.d2-2074103270 .fill-B6{fill:#F7F8FE;}
-		.d2-2074103270 .fill-AA2{fill:#4A6FF3;}
-		.d2-2074103270 .fill-AA4{fill:#EDF0FD;}
-		.d2-2074103270 .fill-AA5{fill:#F7F8FE;}
-		.d2-2074103270 .fill-AB4{fill:#EDF0FD;}
-		.d2-2074103270 .fill-AB5{fill:#F7F8FE;}
-		.d2-2074103270 .stroke-N1{stroke:#0A0F25;}
-		.d2-2074103270 .stroke-N2{stroke:#676C7E;}
-		.d2-2074103270 .stroke-N3{stroke:#9499AB;}
-		.d2-2074103270 .stroke-N4{stroke:#CFD2DD;}
-		.d2-2074103270 .stroke-N5{stroke:#DEE1EB;}
-		.d2-2074103270 .stroke-N6{stroke:#EEF1F8;}
-		.d2-2074103270 .stroke-N7{stroke:#FFFFFF;}
-		.d2-2074103270 .stroke-B1{stroke:#0D32B2;}
-		.d2-2074103270 .stroke-B2{stroke:#0D32B2;}
-		.d2-2074103270 .stroke-B3{stroke:#E3E9FD;}
-		.d2-2074103270 .stroke-B4{stroke:#E3E9FD;}
-		.d2-2074103270 .stroke-B5{stroke:#EDF0FD;}
-		.d2-2074103270 .stroke-B6{stroke:#F7F8FE;}
-		.d2-2074103270 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-2074103270 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-2074103270 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-2074103270 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-2074103270 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-2074103270 .background-color-N1{background-color:#0A0F25;}
-		.d2-2074103270 .background-color-N2{background-color:#676C7E;}
-		.d2-2074103270 .background-color-N3{background-color:#9499AB;}
-		.d2-2074103270 .background-color-N4{background-color:#CFD2DD;}
-		.d2-2074103270 .background-color-N5{background-color:#DEE1EB;}
-		.d2-2074103270 .background-color-N6{background-color:#EEF1F8;}
-		.d2-2074103270 .background-color-N7{background-color:#FFFFFF;}
-		.d2-2074103270 .background-color-B1{background-color:#0D32B2;}
-		.d2-2074103270 .background-color-B2{background-color:#0D32B2;}
-		.d2-2074103270 .background-color-B3{background-color:#E3E9FD;}
-		.d2-2074103270 .background-color-B4{background-color:#E3E9FD;}
-		.d2-2074103270 .background-color-B5{background-color:#EDF0FD;}
-		.d2-2074103270 .background-color-B6{background-color:#F7F8FE;}
-		.d2-2074103270 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-2074103270 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-2074103270 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-2074103270 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-2074103270 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-2074103270 .color-N1{color:#0A0F25;}
-		.d2-2074103270 .color-N2{color:#676C7E;}
-		.d2-2074103270 .color-N3{color:#9499AB;}
-		.d2-2074103270 .color-N4{color:#CFD2DD;}
-		.d2-2074103270 .color-N5{color:#DEE1EB;}
-		.d2-2074103270 .color-N6{color:#EEF1F8;}
-		.d2-2074103270 .color-N7{color:#FFFFFF;}
-		.d2-2074103270 .color-B1{color:#0D32B2;}
-		.d2-2074103270 .color-B2{color:#0D32B2;}
-		.d2-2074103270 .color-B3{color:#E3E9FD;}
-		.d2-2074103270 .color-B4{color:#E3E9FD;}
-		.d2-2074103270 .color-B5{color:#EDF0FD;}
-		.d2-2074103270 .color-B6{color:#F7F8FE;}
-		.d2-2074103270 .color-AA2{color:#4A6FF3;}
-		.d2-2074103270 .color-AA4{color:#EDF0FD;}
-		.d2-2074103270 .color-AA5{color:#F7F8FE;}
-		.d2-2074103270 .color-AB4{color:#EDF0FD;}
-		.d2-2074103270 .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><style type="text/css"><![CDATA[
+		.d2-324910481 .fill-N1{fill:#0A0F25;}
+		.d2-324910481 .fill-N2{fill:#676C7E;}
+		.d2-324910481 .fill-N3{fill:#9499AB;}
+		.d2-324910481 .fill-N4{fill:#CFD2DD;}
+		.d2-324910481 .fill-N5{fill:#DEE1EB;}
+		.d2-324910481 .fill-N6{fill:#EEF1F8;}
+		.d2-324910481 .fill-N7{fill:#FFFFFF;}
+		.d2-324910481 .fill-B1{fill:#0D32B2;}
+		.d2-324910481 .fill-B2{fill:#0D32B2;}
+		.d2-324910481 .fill-B3{fill:#E3E9FD;}
+		.d2-324910481 .fill-B4{fill:#E3E9FD;}
+		.d2-324910481 .fill-B5{fill:#EDF0FD;}
+		.d2-324910481 .fill-B6{fill:#F7F8FE;}
+		.d2-324910481 .fill-AA2{fill:#4A6FF3;}
+		.d2-324910481 .fill-AA4{fill:#EDF0FD;}
+		.d2-324910481 .fill-AA5{fill:#F7F8FE;}
+		.d2-324910481 .fill-AB4{fill:#EDF0FD;}
+		.d2-324910481 .fill-AB5{fill:#F7F8FE;}
+		.d2-324910481 .stroke-N1{stroke:#0A0F25;}
+		.d2-324910481 .stroke-N2{stroke:#676C7E;}
+		.d2-324910481 .stroke-N3{stroke:#9499AB;}
+		.d2-324910481 .stroke-N4{stroke:#CFD2DD;}
+		.d2-324910481 .stroke-N5{stroke:#DEE1EB;}
+		.d2-324910481 .stroke-N6{stroke:#EEF1F8;}
+		.d2-324910481 .stroke-N7{stroke:#FFFFFF;}
+		.d2-324910481 .stroke-B1{stroke:#0D32B2;}
+		.d2-324910481 .stroke-B2{stroke:#0D32B2;}
+		.d2-324910481 .stroke-B3{stroke:#E3E9FD;}
+		.d2-324910481 .stroke-B4{stroke:#E3E9FD;}
+		.d2-324910481 .stroke-B5{stroke:#EDF0FD;}
+		.d2-324910481 .stroke-B6{stroke:#F7F8FE;}
+		.d2-324910481 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-324910481 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-324910481 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-324910481 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-324910481 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-324910481 .background-color-N1{background-color:#0A0F25;}
+		.d2-324910481 .background-color-N2{background-color:#676C7E;}
+		.d2-324910481 .background-color-N3{background-color:#9499AB;}
+		.d2-324910481 .background-color-N4{background-color:#CFD2DD;}
+		.d2-324910481 .background-color-N5{background-color:#DEE1EB;}
+		.d2-324910481 .background-color-N6{background-color:#EEF1F8;}
+		.d2-324910481 .background-color-N7{background-color:#FFFFFF;}
+		.d2-324910481 .background-color-B1{background-color:#0D32B2;}
+		.d2-324910481 .background-color-B2{background-color:#0D32B2;}
+		.d2-324910481 .background-color-B3{background-color:#E3E9FD;}
+		.d2-324910481 .background-color-B4{background-color:#E3E9FD;}
+		.d2-324910481 .background-color-B5{background-color:#EDF0FD;}
+		.d2-324910481 .background-color-B6{background-color:#F7F8FE;}
+		.d2-324910481 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-324910481 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-324910481 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-324910481 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-324910481 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-324910481 .color-N1{color:#0A0F25;}
+		.d2-324910481 .color-N2{color:#676C7E;}
+		.d2-324910481 .color-N3{color:#9499AB;}
+		.d2-324910481 .color-N4{color:#CFD2DD;}
+		.d2-324910481 .color-N5{color:#DEE1EB;}
+		.d2-324910481 .color-N6{color:#EEF1F8;}
+		.d2-324910481 .color-N7{color:#FFFFFF;}
+		.d2-324910481 .color-B1{color:#0D32B2;}
+		.d2-324910481 .color-B2{color:#0D32B2;}
+		.d2-324910481 .color-B3{color:#E3E9FD;}
+		.d2-324910481 .color-B4{color:#E3E9FD;}
+		.d2-324910481 .color-B5{color:#EDF0FD;}
+		.d2-324910481 .color-B6{color:#F7F8FE;}
+		.d2-324910481 .color-AA2{color:#4A6FF3;}
+		.d2-324910481 .color-AA4{color:#EDF0FD;}
+		.d2-324910481 .color-AA5{color:#F7F8FE;}
+		.d2-324910481 .color-AB4{color:#EDF0FD;}
+		.d2-324910481 .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><style type="text/css"><![CDATA[
 .dots-overlay {
 	fill: url(#dots);
 	mix-blend-mode: multiply;
@@ -122,7 +122,7 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="x"><g class="shape" ><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="217.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="162.000000" y="332.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="abcd"><g class="shape" ><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="154.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">abcd</text></g><g id="g"><g class="shape" ><rect x="254.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="281.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.166472 45.344792 C 59.800000 101.709186 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2074103270)" /></g><g id="(y -&gt; z)[0]"><path d="M 27.000000 234.000000 C 27.000000 272.000000 53.900000 295.910903 157.946974 349.717127" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2074103270)" /></g><g id="(x -&gt; abcd)[0]"><path d="M 191.037757 67.588444 C 161.650602 106.000000 154.000000 126.000000 154.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2074103270)" /></g><g id="(x -&gt; g)[0]"><path d="M 243.962243 67.588444 C 273.349398 106.000000 281.000000 126.000000 281.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2074103270)" /></g><g id="(x -&gt; z)[0]"><path d="M 245.687589 50.927739 C 327.200000 102.770881 348.000000 132.600000 348.000000 157.500000 C 348.000000 182.400000 321.200000 295.800000 217.556226 349.168809" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2074103270)" /></g><mask id="d2-2074103270" maskUnits="userSpaceOnUse" x="-1" y="-1" width="350" height="400">
+</defs><g id="x"><g class="shape" ><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="217.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="162.000000" y="332.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="abcd"><g class="shape" ><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="154.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">abcd</text></g><g id="g"><g class="shape" ><rect x="254.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="281.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.166474 45.343862 C 59.799000 101.709000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(y -&gt; z)[0]"><path d="M 27.000000 234.000000 C 27.000000 272.000000 53.900002 295.910004 157.946979 349.716585" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(x -&gt; abcd)[0]"><path d="M 191.037736 67.588432 C 161.649994 106.000000 154.000000 126.000000 154.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(x -&gt; g)[0]"><path d="M 243.961272 67.588433 C 273.348999 106.000000 281.000000 126.000000 281.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(x -&gt; z)[0]"><path d="M 245.687594 50.927326 C 327.200012 102.769997 348.000000 132.600006 348.000000 157.500000 C 348.000000 182.399994 321.200012 295.799988 217.556225 349.168809" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><mask id="d2-324910481" maskUnits="userSpaceOnUse" x="-1" y="-1" width="350" height="400">
 <rect x="-1" y="-1" width="350" height="400" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/testdata/patterns/root-dots/dagre/board.exp.json

@@ -236,11 +236,11 @@
       "route": [
         {
           "x": 191,
-          "y": 44.54593175853019
+          "y": 44.54499816894531
         },
         {
-          "x": 59.79999999999998,
-          "y": 101.70918635170604
+          "x": 59.79899978637695,
+          "y": 101.70899963378906
         },
         {
           "x": 27,
@@ -290,12 +290,12 @@
           "y": 272
         },
         {
-          "x": 53.900000000000006,
-          "y": 295.91090342679126
+          "x": 53.900001525878906,
+          "y": 295.9100036621094
         },
         {
           "x": 161.5,
-          "y": 351.5545171339564
+          "y": 351.5539855957031
         }
       ],
       "isCurve": true,
@@ -329,11 +329,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 192.25301204819277,
+          "x": 192.2530059814453,
           "y": 66
         },
         {
-          "x": 161.65060240963857,
+          "x": 161.64999389648438,
           "y": 106
         },
         {
@@ -376,11 +376,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 242.74698795180723,
+          "x": 242.74600219726562,
           "y": 66
         },
         {
-          "x": 273.34939759036143,
+          "x": 273.3489990234375,
           "y": 106
         },
         {
@@ -424,15 +424,15 @@
       "route": [
         {
           "x": 244,
-          "y": 49.8544061302682
+          "y": 49.854000091552734
         },
         {
-          "x": 327.2,
-          "y": 102.77088122605365
+          "x": 327.20001220703125,
+          "y": 102.7699966430664
         },
         {
           "x": 348,
-          "y": 132.6
+          "y": 132.60000610351562
         },
         {
           "x": 348,
@@ -440,11 +440,11 @@
         },
         {
           "x": 348,
-          "y": 182.4
+          "y": 182.39999389648438
         },
         {
-          "x": 321.2,
-          "y": 295.8
+          "x": 321.20001220703125,
+          "y": 295.79998779296875
         },
         {
           "x": 214,

e2etests/testdata/patterns/root-dots/dagre/sketch.exp.svg

@@ -1,9 +1,9 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-2074103270" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class="dots-overlay" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-2074103270 .text-bold {
-	font-family: "d2-2074103270-font-bold";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-324910481" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class="dots-overlay" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-324910481 .text-bold {
+	font-family: "d2-324910481-font-bold";
 }
 @font-face {
-	font-family: d2-2074103270-font-bold;
+	font-family: d2-324910481-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-2074103270 .fill-N1{fill:#0A0F25;}
-		.d2-2074103270 .fill-N2{fill:#676C7E;}
-		.d2-2074103270 .fill-N3{fill:#9499AB;}
-		.d2-2074103270 .fill-N4{fill:#CFD2DD;}
-		.d2-2074103270 .fill-N5{fill:#DEE1EB;}
-		.d2-2074103270 .fill-N6{fill:#EEF1F8;}
-		.d2-2074103270 .fill-N7{fill:#FFFFFF;}
-		.d2-2074103270 .fill-B1{fill:#0D32B2;}
-		.d2-2074103270 .fill-B2{fill:#0D32B2;}
-		.d2-2074103270 .fill-B3{fill:#E3E9FD;}
-		.d2-2074103270 .fill-B4{fill:#E3E9FD;}
-		.d2-2074103270 .fill-B5{fill:#EDF0FD;}
-		.d2-2074103270 .fill-B6{fill:#F7F8FE;}
-		.d2-2074103270 .fill-AA2{fill:#4A6FF3;}
-		.d2-2074103270 .fill-AA4{fill:#EDF0FD;}
-		.d2-2074103270 .fill-AA5{fill:#F7F8FE;}
-		.d2-2074103270 .fill-AB4{fill:#EDF0FD;}
-		.d2-2074103270 .fill-AB5{fill:#F7F8FE;}
-		.d2-2074103270 .stroke-N1{stroke:#0A0F25;}
-		.d2-2074103270 .stroke-N2{stroke:#676C7E;}
-		.d2-2074103270 .stroke-N3{stroke:#9499AB;}
-		.d2-2074103270 .stroke-N4{stroke:#CFD2DD;}
-		.d2-2074103270 .stroke-N5{stroke:#DEE1EB;}
-		.d2-2074103270 .stroke-N6{stroke:#EEF1F8;}
-		.d2-2074103270 .stroke-N7{stroke:#FFFFFF;}
-		.d2-2074103270 .stroke-B1{stroke:#0D32B2;}
-		.d2-2074103270 .stroke-B2{stroke:#0D32B2;}
-		.d2-2074103270 .stroke-B3{stroke:#E3E9FD;}
-		.d2-2074103270 .stroke-B4{stroke:#E3E9FD;}
-		.d2-2074103270 .stroke-B5{stroke:#EDF0FD;}
-		.d2-2074103270 .stroke-B6{stroke:#F7F8FE;}
-		.d2-2074103270 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-2074103270 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-2074103270 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-2074103270 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-2074103270 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-2074103270 .background-color-N1{background-color:#0A0F25;}
-		.d2-2074103270 .background-color-N2{background-color:#676C7E;}
-		.d2-2074103270 .background-color-N3{background-color:#9499AB;}
-		.d2-2074103270 .background-color-N4{background-color:#CFD2DD;}
-		.d2-2074103270 .background-color-N5{background-color:#DEE1EB;}
-		.d2-2074103270 .background-color-N6{background-color:#EEF1F8;}
-		.d2-2074103270 .background-color-N7{background-color:#FFFFFF;}
-		.d2-2074103270 .background-color-B1{background-color:#0D32B2;}
-		.d2-2074103270 .background-color-B2{background-color:#0D32B2;}
-		.d2-2074103270 .background-color-B3{background-color:#E3E9FD;}
-		.d2-2074103270 .background-color-B4{background-color:#E3E9FD;}
-		.d2-2074103270 .background-color-B5{background-color:#EDF0FD;}
-		.d2-2074103270 .background-color-B6{background-color:#F7F8FE;}
-		.d2-2074103270 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-2074103270 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-2074103270 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-2074103270 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-2074103270 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-2074103270 .color-N1{color:#0A0F25;}
-		.d2-2074103270 .color-N2{color:#676C7E;}
-		.d2-2074103270 .color-N3{color:#9499AB;}
-		.d2-2074103270 .color-N4{color:#CFD2DD;}
-		.d2-2074103270 .color-N5{color:#DEE1EB;}
-		.d2-2074103270 .color-N6{color:#EEF1F8;}
-		.d2-2074103270 .color-N7{color:#FFFFFF;}
-		.d2-2074103270 .color-B1{color:#0D32B2;}
-		.d2-2074103270 .color-B2{color:#0D32B2;}
-		.d2-2074103270 .color-B3{color:#E3E9FD;}
-		.d2-2074103270 .color-B4{color:#E3E9FD;}
-		.d2-2074103270 .color-B5{color:#EDF0FD;}
-		.d2-2074103270 .color-B6{color:#F7F8FE;}
-		.d2-2074103270 .color-AA2{color:#4A6FF3;}
-		.d2-2074103270 .color-AA4{color:#EDF0FD;}
-		.d2-2074103270 .color-AA5{color:#F7F8FE;}
-		.d2-2074103270 .color-AB4{color:#EDF0FD;}
-		.d2-2074103270 .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><style type="text/css"><![CDATA[
+		.d2-324910481 .fill-N1{fill:#0A0F25;}
+		.d2-324910481 .fill-N2{fill:#676C7E;}
+		.d2-324910481 .fill-N3{fill:#9499AB;}
+		.d2-324910481 .fill-N4{fill:#CFD2DD;}
+		.d2-324910481 .fill-N5{fill:#DEE1EB;}
+		.d2-324910481 .fill-N6{fill:#EEF1F8;}
+		.d2-324910481 .fill-N7{fill:#FFFFFF;}
+		.d2-324910481 .fill-B1{fill:#0D32B2;}
+		.d2-324910481 .fill-B2{fill:#0D32B2;}
+		.d2-324910481 .fill-B3{fill:#E3E9FD;}
+		.d2-324910481 .fill-B4{fill:#E3E9FD;}
+		.d2-324910481 .fill-B5{fill:#EDF0FD;}
+		.d2-324910481 .fill-B6{fill:#F7F8FE;}
+		.d2-324910481 .fill-AA2{fill:#4A6FF3;}
+		.d2-324910481 .fill-AA4{fill:#EDF0FD;}
+		.d2-324910481 .fill-AA5{fill:#F7F8FE;}
+		.d2-324910481 .fill-AB4{fill:#EDF0FD;}
+		.d2-324910481 .fill-AB5{fill:#F7F8FE;}
+		.d2-324910481 .stroke-N1{stroke:#0A0F25;}
+		.d2-324910481 .stroke-N2{stroke:#676C7E;}
+		.d2-324910481 .stroke-N3{stroke:#9499AB;}
+		.d2-324910481 .stroke-N4{stroke:#CFD2DD;}
+		.d2-324910481 .stroke-N5{stroke:#DEE1EB;}
+		.d2-324910481 .stroke-N6{stroke:#EEF1F8;}
+		.d2-324910481 .stroke-N7{stroke:#FFFFFF;}
+		.d2-324910481 .stroke-B1{stroke:#0D32B2;}
+		.d2-324910481 .stroke-B2{stroke:#0D32B2;}
+		.d2-324910481 .stroke-B3{stroke:#E3E9FD;}
+		.d2-324910481 .stroke-B4{stroke:#E3E9FD;}
+		.d2-324910481 .stroke-B5{stroke:#EDF0FD;}
+		.d2-324910481 .stroke-B6{stroke:#F7F8FE;}
+		.d2-324910481 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-324910481 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-324910481 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-324910481 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-324910481 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-324910481 .background-color-N1{background-color:#0A0F25;}
+		.d2-324910481 .background-color-N2{background-color:#676C7E;}
+		.d2-324910481 .background-color-N3{background-color:#9499AB;}
+		.d2-324910481 .background-color-N4{background-color:#CFD2DD;}
+		.d2-324910481 .background-color-N5{background-color:#DEE1EB;}
+		.d2-324910481 .background-color-N6{background-color:#EEF1F8;}
+		.d2-324910481 .background-color-N7{background-color:#FFFFFF;}
+		.d2-324910481 .background-color-B1{background-color:#0D32B2;}
+		.d2-324910481 .background-color-B2{background-color:#0D32B2;}
+		.d2-324910481 .background-color-B3{background-color:#E3E9FD;}
+		.d2-324910481 .background-color-B4{background-color:#E3E9FD;}
+		.d2-324910481 .background-color-B5{background-color:#EDF0FD;}
+		.d2-324910481 .background-color-B6{background-color:#F7F8FE;}
+		.d2-324910481 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-324910481 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-324910481 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-324910481 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-324910481 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-324910481 .color-N1{color:#0A0F25;}
+		.d2-324910481 .color-N2{color:#676C7E;}
+		.d2-324910481 .color-N3{color:#9499AB;}
+		.d2-324910481 .color-N4{color:#CFD2DD;}
+		.d2-324910481 .color-N5{color:#DEE1EB;}
+		.d2-324910481 .color-N6{color:#EEF1F8;}
+		.d2-324910481 .color-N7{color:#FFFFFF;}
+		.d2-324910481 .color-B1{color:#0D32B2;}
+		.d2-324910481 .color-B2{color:#0D32B2;}
+		.d2-324910481 .color-B3{color:#E3E9FD;}
+		.d2-324910481 .color-B4{color:#E3E9FD;}
+		.d2-324910481 .color-B5{color:#EDF0FD;}
+		.d2-324910481 .color-B6{color:#F7F8FE;}
+		.d2-324910481 .color-AA2{color:#4A6FF3;}
+		.d2-324910481 .color-AA4{color:#EDF0FD;}
+		.d2-324910481 .color-AA5{color:#F7F8FE;}
+		.d2-324910481 .color-AB4{color:#EDF0FD;}
+		.d2-324910481 .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><style type="text/css"><![CDATA[
 .dots-overlay {
 	fill: url(#dots);
 	mix-blend-mode: multiply;
@@ -122,7 +122,7 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="x"><g class="shape" ><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="217.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="162.000000" y="332.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="abcd"><g class="shape" ><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="154.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">abcd</text></g><g id="g"><g class="shape" ><rect x="254.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="281.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.166472 45.344792 C 59.800000 101.709186 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2074103270)" /></g><g id="(y -&gt; z)[0]"><path d="M 27.000000 234.000000 C 27.000000 272.000000 53.900000 295.910903 157.946974 349.717127" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2074103270)" /></g><g id="(x -&gt; abcd)[0]"><path d="M 191.037757 67.588444 C 161.650602 106.000000 154.000000 126.000000 154.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2074103270)" /></g><g id="(x -&gt; g)[0]"><path d="M 243.962243 67.588444 C 273.349398 106.000000 281.000000 126.000000 281.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2074103270)" /></g><g id="(x -&gt; z)[0]"><path d="M 245.687589 50.927739 C 327.200000 102.770881 348.000000 132.600000 348.000000 157.500000 C 348.000000 182.400000 321.200000 295.800000 217.556226 349.168809" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2074103270)" /></g><mask id="d2-2074103270" maskUnits="userSpaceOnUse" x="-1" y="-1" width="350" height="400">
+</defs><g id="x"><g class="shape" ><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="217.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="162.000000" y="332.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="abcd"><g class="shape" ><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="154.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">abcd</text></g><g id="g"><g class="shape" ><rect x="254.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="281.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.166474 45.343862 C 59.799000 101.709000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(y -&gt; z)[0]"><path d="M 27.000000 234.000000 C 27.000000 272.000000 53.900002 295.910004 157.946979 349.716585" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(x -&gt; abcd)[0]"><path d="M 191.037736 67.588432 C 161.649994 106.000000 154.000000 126.000000 154.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(x -&gt; g)[0]"><path d="M 243.961272 67.588433 C 273.348999 106.000000 281.000000 126.000000 281.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(x -&gt; z)[0]"><path d="M 245.687594 50.927326 C 327.200012 102.769997 348.000000 132.600006 348.000000 157.500000 C 348.000000 182.399994 321.200012 295.799988 217.556225 349.168809" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><mask id="d2-324910481" maskUnits="userSpaceOnUse" x="-1" y="-1" width="350" height="400">
 <rect x="-1" y="-1" width="350" height="400" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/testdata/patterns/shape/dagre/board.exp.json

@@ -238,11 +238,11 @@
       "route": [
         {
           "x": 191,
-          "y": 44.54593175853019
+          "y": 44.54499816894531
         },
         {
-          "x": 59.79999999999998,
-          "y": 101.70918635170604
+          "x": 59.79899978637695,
+          "y": 101.70899963378906
         },
         {
           "x": 27,
@@ -292,12 +292,12 @@
           "y": 272
         },
         {
-          "x": 53.900000000000006,
-          "y": 295.91090342679126
+          "x": 53.900001525878906,
+          "y": 295.9100036621094
         },
         {
           "x": 161.5,
-          "y": 351.5545171339564
+          "y": 351.5539855957031
         }
       ],
       "isCurve": true,
@@ -331,11 +331,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 192.25301204819277,
+          "x": 192.2530059814453,
           "y": 66
         },
         {
-          "x": 161.65060240963857,
+          "x": 161.64999389648438,
           "y": 106
         },
         {
@@ -378,11 +378,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 242.74698795180723,
+          "x": 242.74600219726562,
           "y": 66
         },
         {
-          "x": 273.34939759036143,
+          "x": 273.3489990234375,
           "y": 106
         },
         {
@@ -426,15 +426,15 @@
       "route": [
         {
           "x": 244,
-          "y": 49.8544061302682
+          "y": 49.854000091552734
         },
         {
-          "x": 327.2,
-          "y": 102.77088122605365
+          "x": 327.20001220703125,
+          "y": 102.7699966430664
         },
         {
           "x": 348,
-          "y": 132.6
+          "y": 132.60000610351562
         },
         {
           "x": 348,
@@ -442,11 +442,11 @@
         },
         {
           "x": 348,
-          "y": 182.4
+          "y": 182.39999389648438
         },
         {
-          "x": 321.2,
-          "y": 295.8
+          "x": 321.20001220703125,
+          "y": 295.79998779296875
         },
         {
           "x": 214,

e2etests/testdata/patterns/shape/dagre/sketch.exp.svg

@@ -1,9 +1,9 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-53077446" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-53077446 .text-bold {
-	font-family: "d2-53077446-font-bold";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-1076062577" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1076062577 .text-bold {
+	font-family: "d2-1076062577-font-bold";
 }
 @font-face {
-	font-family: d2-53077446-font-bold;
+	font-family: d2-1076062577-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-53077446 .fill-N1{fill:#0A0F25;}
-		.d2-53077446 .fill-N2{fill:#676C7E;}
-		.d2-53077446 .fill-N3{fill:#9499AB;}
-		.d2-53077446 .fill-N4{fill:#CFD2DD;}
-		.d2-53077446 .fill-N5{fill:#DEE1EB;}
-		.d2-53077446 .fill-N6{fill:#EEF1F8;}
-		.d2-53077446 .fill-N7{fill:#FFFFFF;}
-		.d2-53077446 .fill-B1{fill:#0D32B2;}
-		.d2-53077446 .fill-B2{fill:#0D32B2;}
-		.d2-53077446 .fill-B3{fill:#E3E9FD;}
-		.d2-53077446 .fill-B4{fill:#E3E9FD;}
-		.d2-53077446 .fill-B5{fill:#EDF0FD;}
-		.d2-53077446 .fill-B6{fill:#F7F8FE;}
-		.d2-53077446 .fill-AA2{fill:#4A6FF3;}
-		.d2-53077446 .fill-AA4{fill:#EDF0FD;}
-		.d2-53077446 .fill-AA5{fill:#F7F8FE;}
-		.d2-53077446 .fill-AB4{fill:#EDF0FD;}
-		.d2-53077446 .fill-AB5{fill:#F7F8FE;}
-		.d2-53077446 .stroke-N1{stroke:#0A0F25;}
-		.d2-53077446 .stroke-N2{stroke:#676C7E;}
-		.d2-53077446 .stroke-N3{stroke:#9499AB;}
-		.d2-53077446 .stroke-N4{stroke:#CFD2DD;}
-		.d2-53077446 .stroke-N5{stroke:#DEE1EB;}
-		.d2-53077446 .stroke-N6{stroke:#EEF1F8;}
-		.d2-53077446 .stroke-N7{stroke:#FFFFFF;}
-		.d2-53077446 .stroke-B1{stroke:#0D32B2;}
-		.d2-53077446 .stroke-B2{stroke:#0D32B2;}
-		.d2-53077446 .stroke-B3{stroke:#E3E9FD;}
-		.d2-53077446 .stroke-B4{stroke:#E3E9FD;}
-		.d2-53077446 .stroke-B5{stroke:#EDF0FD;}
-		.d2-53077446 .stroke-B6{stroke:#F7F8FE;}
-		.d2-53077446 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-53077446 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-53077446 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-53077446 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-53077446 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-53077446 .background-color-N1{background-color:#0A0F25;}
-		.d2-53077446 .background-color-N2{background-color:#676C7E;}
-		.d2-53077446 .background-color-N3{background-color:#9499AB;}
-		.d2-53077446 .background-color-N4{background-color:#CFD2DD;}
-		.d2-53077446 .background-color-N5{background-color:#DEE1EB;}
-		.d2-53077446 .background-color-N6{background-color:#EEF1F8;}
-		.d2-53077446 .background-color-N7{background-color:#FFFFFF;}
-		.d2-53077446 .background-color-B1{background-color:#0D32B2;}
-		.d2-53077446 .background-color-B2{background-color:#0D32B2;}
-		.d2-53077446 .background-color-B3{background-color:#E3E9FD;}
-		.d2-53077446 .background-color-B4{background-color:#E3E9FD;}
-		.d2-53077446 .background-color-B5{background-color:#EDF0FD;}
-		.d2-53077446 .background-color-B6{background-color:#F7F8FE;}
-		.d2-53077446 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-53077446 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-53077446 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-53077446 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-53077446 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-53077446 .color-N1{color:#0A0F25;}
-		.d2-53077446 .color-N2{color:#676C7E;}
-		.d2-53077446 .color-N3{color:#9499AB;}
-		.d2-53077446 .color-N4{color:#CFD2DD;}
-		.d2-53077446 .color-N5{color:#DEE1EB;}
-		.d2-53077446 .color-N6{color:#EEF1F8;}
-		.d2-53077446 .color-N7{color:#FFFFFF;}
-		.d2-53077446 .color-B1{color:#0D32B2;}
-		.d2-53077446 .color-B2{color:#0D32B2;}
-		.d2-53077446 .color-B3{color:#E3E9FD;}
-		.d2-53077446 .color-B4{color:#E3E9FD;}
-		.d2-53077446 .color-B5{color:#EDF0FD;}
-		.d2-53077446 .color-B6{color:#F7F8FE;}
-		.d2-53077446 .color-AA2{color:#4A6FF3;}
-		.d2-53077446 .color-AA4{color:#EDF0FD;}
-		.d2-53077446 .color-AA5{color:#F7F8FE;}
-		.d2-53077446 .color-AB4{color:#EDF0FD;}
-		.d2-53077446 .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><style type="text/css"><![CDATA[
+		.d2-1076062577 .fill-N1{fill:#0A0F25;}
+		.d2-1076062577 .fill-N2{fill:#676C7E;}
+		.d2-1076062577 .fill-N3{fill:#9499AB;}
+		.d2-1076062577 .fill-N4{fill:#CFD2DD;}
+		.d2-1076062577 .fill-N5{fill:#DEE1EB;}
+		.d2-1076062577 .fill-N6{fill:#EEF1F8;}
+		.d2-1076062577 .fill-N7{fill:#FFFFFF;}
+		.d2-1076062577 .fill-B1{fill:#0D32B2;}
+		.d2-1076062577 .fill-B2{fill:#0D32B2;}
+		.d2-1076062577 .fill-B3{fill:#E3E9FD;}
+		.d2-1076062577 .fill-B4{fill:#E3E9FD;}
+		.d2-1076062577 .fill-B5{fill:#EDF0FD;}
+		.d2-1076062577 .fill-B6{fill:#F7F8FE;}
+		.d2-1076062577 .fill-AA2{fill:#4A6FF3;}
+		.d2-1076062577 .fill-AA4{fill:#EDF0FD;}
+		.d2-1076062577 .fill-AA5{fill:#F7F8FE;}
+		.d2-1076062577 .fill-AB4{fill:#EDF0FD;}
+		.d2-1076062577 .fill-AB5{fill:#F7F8FE;}
+		.d2-1076062577 .stroke-N1{stroke:#0A0F25;}
+		.d2-1076062577 .stroke-N2{stroke:#676C7E;}
+		.d2-1076062577 .stroke-N3{stroke:#9499AB;}
+		.d2-1076062577 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1076062577 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1076062577 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1076062577 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1076062577 .stroke-B1{stroke:#0D32B2;}
+		.d2-1076062577 .stroke-B2{stroke:#0D32B2;}
+		.d2-1076062577 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1076062577 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1076062577 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1076062577 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1076062577 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1076062577 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1076062577 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1076062577 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1076062577 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1076062577 .background-color-N1{background-color:#0A0F25;}
+		.d2-1076062577 .background-color-N2{background-color:#676C7E;}
+		.d2-1076062577 .background-color-N3{background-color:#9499AB;}
+		.d2-1076062577 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1076062577 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1076062577 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1076062577 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1076062577 .background-color-B1{background-color:#0D32B2;}
+		.d2-1076062577 .background-color-B2{background-color:#0D32B2;}
+		.d2-1076062577 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1076062577 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1076062577 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1076062577 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1076062577 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1076062577 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1076062577 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1076062577 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1076062577 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1076062577 .color-N1{color:#0A0F25;}
+		.d2-1076062577 .color-N2{color:#676C7E;}
+		.d2-1076062577 .color-N3{color:#9499AB;}
+		.d2-1076062577 .color-N4{color:#CFD2DD;}
+		.d2-1076062577 .color-N5{color:#DEE1EB;}
+		.d2-1076062577 .color-N6{color:#EEF1F8;}
+		.d2-1076062577 .color-N7{color:#FFFFFF;}
+		.d2-1076062577 .color-B1{color:#0D32B2;}
+		.d2-1076062577 .color-B2{color:#0D32B2;}
+		.d2-1076062577 .color-B3{color:#E3E9FD;}
+		.d2-1076062577 .color-B4{color:#E3E9FD;}
+		.d2-1076062577 .color-B5{color:#EDF0FD;}
+		.d2-1076062577 .color-B6{color:#F7F8FE;}
+		.d2-1076062577 .color-AA2{color:#4A6FF3;}
+		.d2-1076062577 .color-AA4{color:#EDF0FD;}
+		.d2-1076062577 .color-AA5{color:#F7F8FE;}
+		.d2-1076062577 .color-AB4{color:#EDF0FD;}
+		.d2-1076062577 .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><style type="text/css"><![CDATA[
 .dots-overlay {
 	fill: url(#dots);
 	mix-blend-mode: multiply;
@@ -122,7 +122,7 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="x"><g class="shape" ><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="217.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="162.000000" y="332.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="abcd"><g class="shape" ><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="154.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">abcd</text></g><g id="g"><g class="shape" ><rect x="254.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="281.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.166472 45.344792 C 59.800000 101.709186 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-53077446)" /></g><g id="(y -&gt; z)[0]"><path d="M 27.000000 234.000000 C 27.000000 272.000000 53.900000 295.910903 157.946974 349.717127" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-53077446)" /></g><g id="(x -&gt; abcd)[0]"><path d="M 191.037757 67.588444 C 161.650602 106.000000 154.000000 126.000000 154.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-53077446)" /></g><g id="(x -&gt; g)[0]"><path d="M 243.962243 67.588444 C 273.349398 106.000000 281.000000 126.000000 281.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-53077446)" /></g><g id="(x -&gt; z)[0]"><path d="M 245.687589 50.927739 C 327.200000 102.770881 348.000000 132.600000 348.000000 157.500000 C 348.000000 182.400000 321.200000 295.800000 217.556226 349.168809" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-53077446)" /></g><mask id="d2-53077446" maskUnits="userSpaceOnUse" x="-1" y="-1" width="350" height="400">
+</defs><g id="x"><g class="shape" ><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="217.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="162.000000" y="332.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="abcd"><g class="shape" ><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="154.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">abcd</text></g><g id="g"><g class="shape" ><rect x="254.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="281.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.166474 45.343862 C 59.799000 101.709000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1076062577)" /></g><g id="(y -&gt; z)[0]"><path d="M 27.000000 234.000000 C 27.000000 272.000000 53.900002 295.910004 157.946979 349.716585" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1076062577)" /></g><g id="(x -&gt; abcd)[0]"><path d="M 191.037736 67.588432 C 161.649994 106.000000 154.000000 126.000000 154.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1076062577)" /></g><g id="(x -&gt; g)[0]"><path d="M 243.961272 67.588433 C 273.348999 106.000000 281.000000 126.000000 281.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1076062577)" /></g><g id="(x -&gt; z)[0]"><path d="M 245.687594 50.927326 C 327.200012 102.769997 348.000000 132.600006 348.000000 157.500000 C 348.000000 182.399994 321.200012 295.799988 217.556225 349.168809" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1076062577)" /></g><mask id="d2-1076062577" maskUnits="userSpaceOnUse" x="-1" y="-1" width="350" height="400">
 <rect x="-1" y="-1" width="350" height="400" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/testdata/regression/bold_edge_label/dagre/board.exp.json

@@ -157,11 +157,11 @@
           "y": 33
         },
         {
-          "x": 105.4,
+          "x": 105.4000015258789,
           "y": 33
         },
         {
-          "x": 131.7,
+          "x": 131.6999969482422,
           "y": 33
         },
         {
@@ -204,11 +204,11 @@
           "y": 33
         },
         {
-          "x": 291.2,
+          "x": 291.20001220703125,
           "y": 33
         },
         {
-          "x": 317.9,
+          "x": 317.8999938964844,
           "y": 33
         },
         {

e2etests/testdata/regression/bold_edge_label/dagre/sketch.exp.svg

@@ -1,16 +1,16 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 425 68"><svg id="d2-svg" class="d2-2795922944" width="425" height="68" viewBox="-1 -1 425 68"><rect x="-1.000000" y="-1.000000" width="425.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-2795922944 .text-bold {
-	font-family: "d2-2795922944-font-bold";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 425 68"><svg id="d2-svg" class="d2-481575301" width="425" height="68" viewBox="-1 -1 425 68"><rect x="-1.000000" y="-1.000000" width="425.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-481575301 .text-bold {
+	font-family: "d2-481575301-font-bold";
 }
 @font-face {
-	font-family: d2-2795922944-font-bold;
+	font-family: d2-481575301-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-2795922944 .text-italic {
-	font-family: "d2-2795922944-font-italic";
+.d2-481575301 .text-italic {
+	font-family: "d2-481575301-font-italic";
 }
 @font-face {
-	font-family: d2-2795922944-font-italic;
+	font-family: d2-481575301-font-italic;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,78 +25,78 @@
   opacity: 0.5;
 }
 
-		.d2-2795922944 .fill-N1{fill:#0A0F25;}
-		.d2-2795922944 .fill-N2{fill:#676C7E;}
-		.d2-2795922944 .fill-N3{fill:#9499AB;}
-		.d2-2795922944 .fill-N4{fill:#CFD2DD;}
-		.d2-2795922944 .fill-N5{fill:#DEE1EB;}
-		.d2-2795922944 .fill-N6{fill:#EEF1F8;}
-		.d2-2795922944 .fill-N7{fill:#FFFFFF;}
-		.d2-2795922944 .fill-B1{fill:#0D32B2;}
-		.d2-2795922944 .fill-B2{fill:#0D32B2;}
-		.d2-2795922944 .fill-B3{fill:#E3E9FD;}
-		.d2-2795922944 .fill-B4{fill:#E3E9FD;}
-		.d2-2795922944 .fill-B5{fill:#EDF0FD;}
-		.d2-2795922944 .fill-B6{fill:#F7F8FE;}
-		.d2-2795922944 .fill-AA2{fill:#4A6FF3;}
-		.d2-2795922944 .fill-AA4{fill:#EDF0FD;}
-		.d2-2795922944 .fill-AA5{fill:#F7F8FE;}
-		.d2-2795922944 .fill-AB4{fill:#EDF0FD;}
-		.d2-2795922944 .fill-AB5{fill:#F7F8FE;}
-		.d2-2795922944 .stroke-N1{stroke:#0A0F25;}
-		.d2-2795922944 .stroke-N2{stroke:#676C7E;}
-		.d2-2795922944 .stroke-N3{stroke:#9499AB;}
-		.d2-2795922944 .stroke-N4{stroke:#CFD2DD;}
-		.d2-2795922944 .stroke-N5{stroke:#DEE1EB;}
-		.d2-2795922944 .stroke-N6{stroke:#EEF1F8;}
-		.d2-2795922944 .stroke-N7{stroke:#FFFFFF;}
-		.d2-2795922944 .stroke-B1{stroke:#0D32B2;}
-		.d2-2795922944 .stroke-B2{stroke:#0D32B2;}
-		.d2-2795922944 .stroke-B3{stroke:#E3E9FD;}
-		.d2-2795922944 .stroke-B4{stroke:#E3E9FD;}
-		.d2-2795922944 .stroke-B5{stroke:#EDF0FD;}
-		.d2-2795922944 .stroke-B6{stroke:#F7F8FE;}
-		.d2-2795922944 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-2795922944 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-2795922944 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-2795922944 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-2795922944 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-2795922944 .background-color-N1{background-color:#0A0F25;}
-		.d2-2795922944 .background-color-N2{background-color:#676C7E;}
-		.d2-2795922944 .background-color-N3{background-color:#9499AB;}
-		.d2-2795922944 .background-color-N4{background-color:#CFD2DD;}
-		.d2-2795922944 .background-color-N5{background-color:#DEE1EB;}
-		.d2-2795922944 .background-color-N6{background-color:#EEF1F8;}
-		.d2-2795922944 .background-color-N7{background-color:#FFFFFF;}
-		.d2-2795922944 .background-color-B1{background-color:#0D32B2;}
-		.d2-2795922944 .background-color-B2{background-color:#0D32B2;}
-		.d2-2795922944 .background-color-B3{background-color:#E3E9FD;}
-		.d2-2795922944 .background-color-B4{background-color:#E3E9FD;}
-		.d2-2795922944 .background-color-B5{background-color:#EDF0FD;}
-		.d2-2795922944 .background-color-B6{background-color:#F7F8FE;}
-		.d2-2795922944 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-2795922944 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-2795922944 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-2795922944 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-2795922944 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-2795922944 .color-N1{color:#0A0F25;}
-		.d2-2795922944 .color-N2{color:#676C7E;}
-		.d2-2795922944 .color-N3{color:#9499AB;}
-		.d2-2795922944 .color-N4{color:#CFD2DD;}
-		.d2-2795922944 .color-N5{color:#DEE1EB;}
-		.d2-2795922944 .color-N6{color:#EEF1F8;}
-		.d2-2795922944 .color-N7{color:#FFFFFF;}
-		.d2-2795922944 .color-B1{color:#0D32B2;}
-		.d2-2795922944 .color-B2{color:#0D32B2;}
-		.d2-2795922944 .color-B3{color:#E3E9FD;}
-		.d2-2795922944 .color-B4{color:#E3E9FD;}
-		.d2-2795922944 .color-B5{color:#EDF0FD;}
-		.d2-2795922944 .color-B6{color:#F7F8FE;}
-		.d2-2795922944 .color-AA2{color:#4A6FF3;}
-		.d2-2795922944 .color-AA4{color:#EDF0FD;}
-		.d2-2795922944 .color-AA5{color:#F7F8FE;}
-		.d2-2795922944 .color-AB4{color:#EDF0FD;}
-		.d2-2795922944 .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="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="184.000000" y="0.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="211.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="371.000000" y="0.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="397.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 55.000000 33.000000 C 105.400000 33.000000 131.700000 33.000000 180.500000 33.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2795922944)" /><text x="118.500000" y="39.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><g id="(y -&gt; z)[0]"><path d="M 240.000000 33.000000 C 291.200000 33.000000 317.900000 33.000000 367.500000 33.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2795922944)" /><text x="304.500000" y="39.000000" class="text-bold fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><mask id="d2-2795922944" maskUnits="userSpaceOnUse" x="-1" y="-1" width="425" height="68">
+		.d2-481575301 .fill-N1{fill:#0A0F25;}
+		.d2-481575301 .fill-N2{fill:#676C7E;}
+		.d2-481575301 .fill-N3{fill:#9499AB;}
+		.d2-481575301 .fill-N4{fill:#CFD2DD;}
+		.d2-481575301 .fill-N5{fill:#DEE1EB;}
+		.d2-481575301 .fill-N6{fill:#EEF1F8;}
+		.d2-481575301 .fill-N7{fill:#FFFFFF;}
+		.d2-481575301 .fill-B1{fill:#0D32B2;}
+		.d2-481575301 .fill-B2{fill:#0D32B2;}
+		.d2-481575301 .fill-B3{fill:#E3E9FD;}
+		.d2-481575301 .fill-B4{fill:#E3E9FD;}
+		.d2-481575301 .fill-B5{fill:#EDF0FD;}
+		.d2-481575301 .fill-B6{fill:#F7F8FE;}
+		.d2-481575301 .fill-AA2{fill:#4A6FF3;}
+		.d2-481575301 .fill-AA4{fill:#EDF0FD;}
+		.d2-481575301 .fill-AA5{fill:#F7F8FE;}
+		.d2-481575301 .fill-AB4{fill:#EDF0FD;}
+		.d2-481575301 .fill-AB5{fill:#F7F8FE;}
+		.d2-481575301 .stroke-N1{stroke:#0A0F25;}
+		.d2-481575301 .stroke-N2{stroke:#676C7E;}
+		.d2-481575301 .stroke-N3{stroke:#9499AB;}
+		.d2-481575301 .stroke-N4{stroke:#CFD2DD;}
+		.d2-481575301 .stroke-N5{stroke:#DEE1EB;}
+		.d2-481575301 .stroke-N6{stroke:#EEF1F8;}
+		.d2-481575301 .stroke-N7{stroke:#FFFFFF;}
+		.d2-481575301 .stroke-B1{stroke:#0D32B2;}
+		.d2-481575301 .stroke-B2{stroke:#0D32B2;}
+		.d2-481575301 .stroke-B3{stroke:#E3E9FD;}
+		.d2-481575301 .stroke-B4{stroke:#E3E9FD;}
+		.d2-481575301 .stroke-B5{stroke:#EDF0FD;}
+		.d2-481575301 .stroke-B6{stroke:#F7F8FE;}
+		.d2-481575301 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-481575301 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-481575301 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-481575301 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-481575301 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-481575301 .background-color-N1{background-color:#0A0F25;}
+		.d2-481575301 .background-color-N2{background-color:#676C7E;}
+		.d2-481575301 .background-color-N3{background-color:#9499AB;}
+		.d2-481575301 .background-color-N4{background-color:#CFD2DD;}
+		.d2-481575301 .background-color-N5{background-color:#DEE1EB;}
+		.d2-481575301 .background-color-N6{background-color:#EEF1F8;}
+		.d2-481575301 .background-color-N7{background-color:#FFFFFF;}
+		.d2-481575301 .background-color-B1{background-color:#0D32B2;}
+		.d2-481575301 .background-color-B2{background-color:#0D32B2;}
+		.d2-481575301 .background-color-B3{background-color:#E3E9FD;}
+		.d2-481575301 .background-color-B4{background-color:#E3E9FD;}
+		.d2-481575301 .background-color-B5{background-color:#EDF0FD;}
+		.d2-481575301 .background-color-B6{background-color:#F7F8FE;}
+		.d2-481575301 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-481575301 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-481575301 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-481575301 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-481575301 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-481575301 .color-N1{color:#0A0F25;}
+		.d2-481575301 .color-N2{color:#676C7E;}
+		.d2-481575301 .color-N3{color:#9499AB;}
+		.d2-481575301 .color-N4{color:#CFD2DD;}
+		.d2-481575301 .color-N5{color:#DEE1EB;}
+		.d2-481575301 .color-N6{color:#EEF1F8;}
+		.d2-481575301 .color-N7{color:#FFFFFF;}
+		.d2-481575301 .color-B1{color:#0D32B2;}
+		.d2-481575301 .color-B2{color:#0D32B2;}
+		.d2-481575301 .color-B3{color:#E3E9FD;}
+		.d2-481575301 .color-B4{color:#E3E9FD;}
+		.d2-481575301 .color-B5{color:#EDF0FD;}
+		.d2-481575301 .color-B6{color:#F7F8FE;}
+		.d2-481575301 .color-AA2{color:#4A6FF3;}
+		.d2-481575301 .color-AA4{color:#EDF0FD;}
+		.d2-481575301 .color-AA5{color:#F7F8FE;}
+		.d2-481575301 .color-AB4{color:#EDF0FD;}
+		.d2-481575301 .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="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="184.000000" y="0.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="211.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="371.000000" y="0.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="397.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 55.000000 33.000000 C 105.400002 33.000000 131.699997 33.000000 180.500000 33.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-481575301)" /><text x="118.500000" y="39.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><g id="(y -&gt; z)[0]"><path d="M 240.000000 33.000000 C 291.200012 33.000000 317.899994 33.000000 367.500000 33.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-481575301)" /><text x="304.500000" y="39.000000" class="text-bold fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><mask id="d2-481575301" maskUnits="userSpaceOnUse" x="-1" y="-1" width="425" height="68">
 <rect x="-1" y="-1" width="425" height="68" fill="white"></rect>
 <rect x="103.000000" y="23.000000" width="31" height="21" fill="black"></rect>
 <rect x="288.000000" y="23.000000" width="33" height="21" fill="black"></rect>

e2etests/testdata/regression/dagre-disconnect/dagre/board.exp.json

@@ -11,7 +11,7 @@
         "y": 41
       },
       "width": 394,
-      "height": 1829,
+      "height": 1830,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -256,7 +256,7 @@
         "x": 565,
         "y": 827
       },
-      "width": 258,
+      "width": 259,
       "height": 636,
       "opacity": 1,
       "strokeDash": 0,
@@ -1101,11 +1101,11 @@
         },
         {
           "x": 85.5,
-          "y": 242.7
+          "y": 242.6999969482422
         },
         {
           "x": 85.5,
-          "y": 260.9
+          "y": 260.89898681640625
         },
         {
           "x": 85.5,
@@ -1113,11 +1113,11 @@
         },
         {
           "x": 85.5,
-          "y": 293.6
+          "y": 293.6000061035156
         },
         {
           "x": 85.5,
-          "y": 315.4
+          "y": 315.3999938964844
         },
         {
           "x": 85.5,
@@ -1125,11 +1125,11 @@
         },
         {
           "x": 85.5,
-          "y": 348.1
+          "y": 348.1000061035156
         },
         {
           "x": 85.5,
-          "y": 369.9
+          "y": 369.8999938964844
         },
         {
           "x": 85.5,
@@ -1137,11 +1137,11 @@
         },
         {
           "x": 85.5,
-          "y": 402.6
+          "y": 402.6000061035156
         },
         {
           "x": 85.5,
-          "y": 482.6
+          "y": 482.6000061035156
         },
         {
           "x": 85.5,
@@ -1184,11 +1184,11 @@
         },
         {
           "x": 197,
-          "y": 619.3
+          "y": 619.2999877929688
         },
         {
           "x": 197,
-          "y": 633.4
+          "y": 633.4000244140625
         },
         {
           "x": 197,
@@ -1196,11 +1196,11 @@
         },
         {
           "x": 197,
-          "y": 666.1
+          "y": 666.0999755859375
         },
         {
           "x": 197,
-          "y": 687.9
+          "y": 687.9000244140625
         },
         {
           "x": 197,
@@ -1208,11 +1208,11 @@
         },
         {
           "x": 197,
-          "y": 720.6
+          "y": 720.5999755859375
         },
         {
           "x": 197,
-          "y": 742.4
+          "y": 742.4000244140625
         },
         {
           "x": 197,
@@ -1220,11 +1220,11 @@
         },
         {
           "x": 197,
-          "y": 775.1
+          "y": 775.0999755859375
         },
         {
-          "x": 274.6,
-          "y": 866.8
+          "x": 274.6000061035156,
+          "y": 866.7999877929688
         },
         {
           "x": 585,
@@ -1267,11 +1267,11 @@
         },
         {
           "x": 1173.5,
-          "y": 615.7
+          "y": 615.7000122070312
         },
         {
           "x": 1173.5,
-          "y": 633.4
+          "y": 633.4000244140625
         },
         {
           "x": 1173.5,
@@ -1279,11 +1279,11 @@
         },
         {
           "x": 1173.5,
-          "y": 666.1
+          "y": 666.0999755859375
         },
         {
           "x": 1173.5,
-          "y": 687.9
+          "y": 687.9000244140625
         },
         {
           "x": 1173.5,
@@ -1291,11 +1291,11 @@
         },
         {
           "x": 1173.5,
-          "y": 720.6
+          "y": 720.5999755859375
         },
         {
           "x": 1173.5,
-          "y": 742.4
+          "y": 742.4000244140625
         },
         {
           "x": 1173.5,
@@ -1303,11 +1303,11 @@
         },
         {
           "x": 1173.5,
-          "y": 775.1
+          "y": 775.0999755859375
         },
         {
           "x": 1173.5,
-          "y": 855.6
+          "y": 855.5999755859375
         },
         {
           "x": 1173.5,
@@ -1350,11 +1350,11 @@
         },
         {
           "x": 827.25,
-          "y": 226.3
+          "y": 226.3000030517578
         },
         {
           "x": 827.25,
-          "y": 240.4
+          "y": 240.39999389648438
         },
         {
           "x": 827.25,
@@ -1362,23 +1362,23 @@
         },
         {
           "x": 827.25,
-          "y": 273.1
+          "y": 273.1000061035156
         },
         {
-          "x": 701.2,
-          "y": 294.9
+          "x": 701.2000122070312,
+          "y": 294.8999938964844
         },
         {
           "x": 512.125,
           "y": 311.25
         },
         {
-          "x": 323.04999999999995,
-          "y": 327.6
+          "x": 323.04901123046875,
+          "y": 327.6000061035156
         },
         {
           "x": 197,
-          "y": 349.4
+          "y": 349.3999938964844
         },
         {
           "x": 197,
@@ -1386,11 +1386,11 @@
         },
         {
           "x": 197,
-          "y": 382.1
+          "y": 382.1000061035156
         },
         {
           "x": 197,
-          "y": 466.2
+          "y": 466.20001220703125
         },
         {
           "x": 197,
@@ -1433,11 +1433,11 @@
         },
         {
           "x": 309,
-          "y": 619.3
+          "y": 619.2999877929688
         },
         {
           "x": 309,
-          "y": 633.4
+          "y": 633.4000244140625
         },
         {
           "x": 309,
@@ -1445,11 +1445,11 @@
         },
         {
           "x": 309,
-          "y": 666.1
+          "y": 666.0999755859375
         },
         {
           "x": 309,
-          "y": 687.9
+          "y": 687.9000244140625
         },
         {
           "x": 309,
@@ -1457,11 +1457,11 @@
         },
         {
           "x": 309,
-          "y": 720.6
+          "y": 720.5999755859375
         },
         {
           "x": 309,
-          "y": 742.4
+          "y": 742.4000244140625
         },
         {
           "x": 309,
@@ -1469,15 +1469,15 @@
         },
         {
           "x": 309,
-          "y": 775.1
+          "y": 775.0999755859375
         },
         {
-          "x": 427.9,
-          "y": 864.9937853107344
+          "x": 427.8999938964844,
+          "y": 864.9929809570312
         },
         {
           "x": 903.5,
-          "y": 962.9689265536723
+          "y": 962.968017578125
         }
       ],
       "isCurve": true,
@@ -1516,11 +1516,11 @@
         },
         {
           "x": 1060,
-          "y": 1008.7
+          "y": 1008.7000122070312
         },
         {
           "x": 1060,
-          "y": 1026.4
+          "y": 1026.4000244140625
         },
         {
           "x": 1060,
@@ -1528,23 +1528,23 @@
         },
         {
           "x": 1060,
-          "y": 1059.1
+          "y": 1059.0999755859375
         },
         {
-          "x": 995.4,
-          "y": 1080.9
+          "x": 995.4000244140625,
+          "y": 1080.9000244140625
         },
         {
           "x": 898.5,
           "y": 1097.25
         },
         {
-          "x": 801.5999999999999,
-          "y": 1113.6
+          "x": 801.5989990234375,
+          "y": 1113.5999755859375
         },
         {
           "x": 737,
-          "y": 1135.4
+          "y": 1135.4000244140625
         },
         {
           "x": 737,
@@ -1552,11 +1552,11 @@
         },
         {
           "x": 737,
-          "y": 1168.1
+          "y": 1168.0999755859375
         },
         {
           "x": 737,
-          "y": 1252.2
+          "y": 1252.199951171875
         },
         {
           "x": 737,
@@ -1599,11 +1599,11 @@
         },
         {
           "x": 650.5,
-          "y": 1063.4
+          "y": 1063.4000244140625
         },
         {
           "x": 650.5,
-          "y": 1080.9
+          "y": 1080.9000244140625
         },
         {
           "x": 650.5,
@@ -1611,11 +1611,11 @@
         },
         {
           "x": 650.5,
-          "y": 1113.6
+          "y": 1113.5999755859375
         },
         {
           "x": 650.5,
-          "y": 1135.4
+          "y": 1135.4000244140625
         },
         {
           "x": 650.5,
@@ -1623,11 +1623,11 @@
         },
         {
           "x": 650.5,
-          "y": 1168.1
+          "y": 1168.0999755859375
         },
         {
-          "x": 621.3,
-          "y": 1252.4
+          "x": 621.2999877929688,
+          "y": 1252.4000244140625
         },
         {
           "x": 504.5,
@@ -1670,11 +1670,11 @@
         },
         {
           "x": 479.5,
-          "y": 1401.7
+          "y": 1401.699951171875
         },
         {
           "x": 479.5,
-          "y": 1419.4
+          "y": 1419.4000244140625
         },
         {
           "x": 479.5,
@@ -1682,11 +1682,11 @@
         },
         {
           "x": 479.5,
-          "y": 1452.1
+          "y": 1452.0999755859375
         },
         {
           "x": 423,
-          "y": 1480.8
+          "y": 1480.800048828125
         },
         {
           "x": 338.25,
@@ -1694,11 +1694,11 @@
         },
         {
           "x": 253.5,
-          "y": 1534.2
+          "y": 1534.199951171875
         },
         {
           "x": 197,
-          "y": 1659.6
+          "y": 1659.5999755859375
         },
         {
           "x": 197,

e2etests/testdata/regression/dagre_broken_arrowhead/dagre/board.exp.json

@@ -92,7 +92,7 @@
         "x": 23,
         "y": 355
       },
-      "width": 298,
+      "width": 299,
       "height": 139,
       "opacity": 1,
       "strokeDash": 0,
@@ -281,11 +281,11 @@
         },
         {
           "x": 66.5,
-          "y": 212.4
+          "y": 212.39999389648438
         },
         {
-          "x": 66.7,
-          "y": 326.4
+          "x": 66.69999694824219,
+          "y": 326.3999938964844
         },
         {
           "x": 67.5,
@@ -328,7 +328,7 @@
         },
         {
           "x": 179,
-          "y": 212.4
+          "y": 212.39999389648438
         },
         {
           "x": 179,
@@ -375,11 +375,11 @@
         },
         {
           "x": 291.5,
-          "y": 212.4
+          "y": 212.39999389648438
         },
         {
-          "x": 291.3,
-          "y": 326.4
+          "x": 291.29998779296875,
+          "y": 326.3999938964844
         },
         {
           "x": 290.5,

e2etests/testdata/regression/dagre_broken_arrowhead/elk/board.exp.json

@@ -10,7 +10,7 @@
         "x": 12,
         "y": 12
       },
-      "width": 290,
+      "width": 291,
       "height": 551,
       "opacity": 1,
       "strokeDash": 0,

e2etests/testdata/regression/dagre_edge_label_spacing/dagre/board.exp.json

@@ -280,11 +280,11 @@
           "y": 99.5
         },
         {
-          "x": 479.9,
+          "x": 479.8999938964844,
           "y": 99.5
         },
         {
-          "x": 532.3,
+          "x": 532.2999877929688,
           "y": 99.5
         },
         {
@@ -327,11 +327,11 @@
           "y": 99.5
         },
         {
-          "x": 985.3,
+          "x": 985.2999877929688,
           "y": 99.5
         },
         {
-          "x": 1054.7,
+          "x": 1054.699951171875,
           "y": 99.5
         },
         {
@@ -374,11 +374,11 @@
           "y": 99.5
         },
         {
-          "x": 1395.9,
+          "x": 1395.9000244140625,
           "y": 99.5
         },
         {
-          "x": 1461.3,
+          "x": 1461.300048828125,
           "y": 99.5
         },
         {
@@ -421,11 +421,11 @@
           "y": 99.5
         },
         {
-          "x": 1901.9,
+          "x": 1901.9000244140625,
           "y": 99.5
         },
         {
-          "x": 1977.3,
+          "x": 1977.300048828125,
           "y": 99.5
         },
         {

e2etests/testdata/regression/dagre_special_ids/dagre/board.exp.json

@@ -322,15 +322,15 @@
         },
         {
           "x": 511,
-          "y": 120.4
+          "y": 120.4000015258789
         },
         {
           "x": 533.5,
-          "y": 144.12662337662337
+          "y": 144.12600708007812
         },
         {
           "x": 623.5,
-          "y": 192.63311688311688
+          "y": 192.63299560546875
         }
       ],
       "isCurve": true,
@@ -369,7 +369,7 @@
         },
         {
           "x": 665,
-          "y": 120.4
+          "y": 120.4000015258789
         },
         {
           "x": 665,
@@ -416,10 +416,10 @@
         },
         {
           "x": 819.5,
-          "y": 120.4
+          "y": 120.4000015258789
         },
         {
-          "x": 796.9,
+          "x": 796.9000244140625,
           "y": 144
         },
         {

e2etests/testdata/regression/elk_alignment/dagre/board.exp.json

@@ -609,11 +609,11 @@
         },
         {
           "x": 175,
-          "y": 239.3
+          "y": 239.3000030517578
         },
         {
           "x": 175,
-          "y": 273.7
+          "y": 273.70001220703125
         },
         {
           "x": 175,
@@ -656,11 +656,11 @@
         },
         {
           "x": 175,
-          "y": 520.3
+          "y": 520.2990112304688
         },
         {
           "x": 175,
-          "y": 570.7
+          "y": 570.7000122070312
         },
         {
           "x": 175,
@@ -703,11 +703,11 @@
         },
         {
           "x": 175,
-          "y": 806.9
+          "y": 806.9000244140625
         },
         {
           "x": 175,
-          "y": 924.7
+          "y": 924.7000122070312
         },
         {
           "x": 175,
@@ -750,11 +750,11 @@
         },
         {
           "x": 175,
-          "y": 1139.3
+          "y": 1139.300048828125
         },
         {
           "x": 175,
-          "y": 1173.7
+          "y": 1173.699951171875
         },
         {
           "x": 175,
@@ -797,11 +797,11 @@
         },
         {
           "x": 515.5,
-          "y": 239.3
+          "y": 239.3000030517578
         },
         {
           "x": 515.5,
-          "y": 273.7
+          "y": 273.70001220703125
         },
         {
           "x": 515.5,
@@ -844,11 +844,11 @@
         },
         {
           "x": 515.5,
-          "y": 520.3
+          "y": 520.2990112304688
         },
         {
           "x": 515.5,
-          "y": 570.7
+          "y": 570.7000122070312
         },
         {
           "x": 515.5,
@@ -891,11 +891,11 @@
         },
         {
           "x": 967.5,
-          "y": 239.3
+          "y": 239.3000030517578
         },
         {
           "x": 967.5,
-          "y": 273.7
+          "y": 273.70001220703125
         },
         {
           "x": 967.5,
@@ -938,11 +938,11 @@
         },
         {
           "x": 967.5,
-          "y": 520.3
+          "y": 520.2990112304688
         },
         {
           "x": 967.5,
-          "y": 570.7
+          "y": 570.7000122070312
         },
         {
           "x": 967.5,

e2etests/testdata/regression/elk_loop_panic/dagre/board.exp.json

@@ -154,11 +154,11 @@
       "route": [
         {
           "x": 93,
-          "y": 87.05172413793103
+          "y": 87.0510025024414
         },
         {
-          "x": 114.33333333333334,
-          "y": 73.8103448275862
+          "x": 114.33300018310547,
+          "y": 73.80999755859375
         },
         {
           "x": 121,
@@ -169,40 +169,40 @@
           "y": 70.5
         },
         {
-          "x": 125.00000000000001,
+          "x": 125,
           "y": 70.5
         },
         {
-          "x": 127.66666666666667,
-          "y": 77.1
+          "x": 127.66600036621094,
+          "y": 77.0999984741211
         },
         {
-          "x": 129.66666666666669,
+          "x": 129.66600036621094,
           "y": 87
         },
         {
-          "x": 131.66666666666666,
-          "y": 96.9
+          "x": 131.66600036621094,
+          "y": 96.9000015258789
         },
         {
-          "x": 131.66666666666666,
-          "y": 110.1
+          "x": 131.66600036621094,
+          "y": 110.0999984741211
         },
         {
-          "x": 129.66666666666669,
+          "x": 129.66600036621094,
           "y": 120
         },
         {
-          "x": 127.66666666666667,
-          "y": 129.9
+          "x": 127.66600036621094,
+          "y": 129.89999389648438
         },
         {
-          "x": 114.33333333333334,
-          "y": 133.18965517241378
+          "x": 114.33300018310547,
+          "y": 133.18899536132812
         },
         {
           "x": 93,
-          "y": 119.94827586206897
+          "y": 119.947998046875
         }
       ],
       "isCurve": true,

e2etests/testdata/regression/elk_loop_panic/dagre/sketch.exp.svg

@@ -1,16 +1,16 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 268 167"><svg id="d2-svg" class="d2-1446819221" width="268" height="167" viewBox="-1 0 268 167"><rect x="-1.000000" y="0.000000" width="268.000000" height="167.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1446819221 .text {
-	font-family: "d2-1446819221-font-regular";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 268 167"><svg id="d2-svg" class="d2-260708190" width="268" height="167" viewBox="-1 0 268 167"><rect x="-1.000000" y="0.000000" width="268.000000" height="167.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-260708190 .text {
+	font-family: "d2-260708190-font-regular";
 }
 @font-face {
-	font-family: d2-1446819221-font-regular;
+	font-family: d2-260708190-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-1446819221 .text-bold {
-	font-family: "d2-1446819221-font-bold";
+.d2-260708190 .text-bold {
+	font-family: "d2-260708190-font-bold";
 }
 @font-face {
-	font-family: d2-1446819221-font-bold;
+	font-family: d2-260708190-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,78 +25,78 @@
   opacity: 0.5;
 }
 
-		.d2-1446819221 .fill-N1{fill:#0A0F25;}
-		.d2-1446819221 .fill-N2{fill:#676C7E;}
-		.d2-1446819221 .fill-N3{fill:#9499AB;}
-		.d2-1446819221 .fill-N4{fill:#CFD2DD;}
-		.d2-1446819221 .fill-N5{fill:#DEE1EB;}
-		.d2-1446819221 .fill-N6{fill:#EEF1F8;}
-		.d2-1446819221 .fill-N7{fill:#FFFFFF;}
-		.d2-1446819221 .fill-B1{fill:#0D32B2;}
-		.d2-1446819221 .fill-B2{fill:#0D32B2;}
-		.d2-1446819221 .fill-B3{fill:#E3E9FD;}
-		.d2-1446819221 .fill-B4{fill:#E3E9FD;}
-		.d2-1446819221 .fill-B5{fill:#EDF0FD;}
-		.d2-1446819221 .fill-B6{fill:#F7F8FE;}
-		.d2-1446819221 .fill-AA2{fill:#4A6FF3;}
-		.d2-1446819221 .fill-AA4{fill:#EDF0FD;}
-		.d2-1446819221 .fill-AA5{fill:#F7F8FE;}
-		.d2-1446819221 .fill-AB4{fill:#EDF0FD;}
-		.d2-1446819221 .fill-AB5{fill:#F7F8FE;}
-		.d2-1446819221 .stroke-N1{stroke:#0A0F25;}
-		.d2-1446819221 .stroke-N2{stroke:#676C7E;}
-		.d2-1446819221 .stroke-N3{stroke:#9499AB;}
-		.d2-1446819221 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1446819221 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1446819221 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1446819221 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1446819221 .stroke-B1{stroke:#0D32B2;}
-		.d2-1446819221 .stroke-B2{stroke:#0D32B2;}
-		.d2-1446819221 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1446819221 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1446819221 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1446819221 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1446819221 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1446819221 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1446819221 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1446819221 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1446819221 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1446819221 .background-color-N1{background-color:#0A0F25;}
-		.d2-1446819221 .background-color-N2{background-color:#676C7E;}
-		.d2-1446819221 .background-color-N3{background-color:#9499AB;}
-		.d2-1446819221 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1446819221 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1446819221 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1446819221 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1446819221 .background-color-B1{background-color:#0D32B2;}
-		.d2-1446819221 .background-color-B2{background-color:#0D32B2;}
-		.d2-1446819221 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1446819221 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1446819221 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1446819221 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1446819221 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1446819221 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1446819221 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1446819221 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1446819221 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1446819221 .color-N1{color:#0A0F25;}
-		.d2-1446819221 .color-N2{color:#676C7E;}
-		.d2-1446819221 .color-N3{color:#9499AB;}
-		.d2-1446819221 .color-N4{color:#CFD2DD;}
-		.d2-1446819221 .color-N5{color:#DEE1EB;}
-		.d2-1446819221 .color-N6{color:#EEF1F8;}
-		.d2-1446819221 .color-N7{color:#FFFFFF;}
-		.d2-1446819221 .color-B1{color:#0D32B2;}
-		.d2-1446819221 .color-B2{color:#0D32B2;}
-		.d2-1446819221 .color-B3{color:#E3E9FD;}
-		.d2-1446819221 .color-B4{color:#E3E9FD;}
-		.d2-1446819221 .color-B5{color:#EDF0FD;}
-		.d2-1446819221 .color-B6{color:#F7F8FE;}
-		.d2-1446819221 .color-AA2{color:#4A6FF3;}
-		.d2-1446819221 .color-AA4{color:#EDF0FD;}
-		.d2-1446819221 .color-AA5{color:#F7F8FE;}
-		.d2-1446819221 .color-AB4{color:#EDF0FD;}
-		.d2-1446819221 .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="x"><g class="shape" ><rect x="0.000000" y="41.000000" width="266.000000" height="125.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="133.000000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">x</text></g><g id="x.a"><g class="shape" ><rect x="40.000000" y="70.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="66.500000" y="108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="x.b"><g class="shape" ><rect x="173.000000" y="70.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="199.500000" y="108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="x.(a -&gt; a)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 94.699280 85.996998 C 114.333333 73.810345 121.000000 70.500000 123.000000 70.500000 C 125.000000 70.500000 127.666667 77.100000 129.666667 87.000000 C 131.666667 96.900000 131.666667 110.100000 129.666667 120.000000 C 127.666667 129.900000 114.333333 133.189655 96.398561 122.057727" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1446819221)" /></g><mask id="d2-1446819221" maskUnits="userSpaceOnUse" x="-1" y="0" width="268" height="167">
+		.d2-260708190 .fill-N1{fill:#0A0F25;}
+		.d2-260708190 .fill-N2{fill:#676C7E;}
+		.d2-260708190 .fill-N3{fill:#9499AB;}
+		.d2-260708190 .fill-N4{fill:#CFD2DD;}
+		.d2-260708190 .fill-N5{fill:#DEE1EB;}
+		.d2-260708190 .fill-N6{fill:#EEF1F8;}
+		.d2-260708190 .fill-N7{fill:#FFFFFF;}
+		.d2-260708190 .fill-B1{fill:#0D32B2;}
+		.d2-260708190 .fill-B2{fill:#0D32B2;}
+		.d2-260708190 .fill-B3{fill:#E3E9FD;}
+		.d2-260708190 .fill-B4{fill:#E3E9FD;}
+		.d2-260708190 .fill-B5{fill:#EDF0FD;}
+		.d2-260708190 .fill-B6{fill:#F7F8FE;}
+		.d2-260708190 .fill-AA2{fill:#4A6FF3;}
+		.d2-260708190 .fill-AA4{fill:#EDF0FD;}
+		.d2-260708190 .fill-AA5{fill:#F7F8FE;}
+		.d2-260708190 .fill-AB4{fill:#EDF0FD;}
+		.d2-260708190 .fill-AB5{fill:#F7F8FE;}
+		.d2-260708190 .stroke-N1{stroke:#0A0F25;}
+		.d2-260708190 .stroke-N2{stroke:#676C7E;}
+		.d2-260708190 .stroke-N3{stroke:#9499AB;}
+		.d2-260708190 .stroke-N4{stroke:#CFD2DD;}
+		.d2-260708190 .stroke-N5{stroke:#DEE1EB;}
+		.d2-260708190 .stroke-N6{stroke:#EEF1F8;}
+		.d2-260708190 .stroke-N7{stroke:#FFFFFF;}
+		.d2-260708190 .stroke-B1{stroke:#0D32B2;}
+		.d2-260708190 .stroke-B2{stroke:#0D32B2;}
+		.d2-260708190 .stroke-B3{stroke:#E3E9FD;}
+		.d2-260708190 .stroke-B4{stroke:#E3E9FD;}
+		.d2-260708190 .stroke-B5{stroke:#EDF0FD;}
+		.d2-260708190 .stroke-B6{stroke:#F7F8FE;}
+		.d2-260708190 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-260708190 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-260708190 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-260708190 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-260708190 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-260708190 .background-color-N1{background-color:#0A0F25;}
+		.d2-260708190 .background-color-N2{background-color:#676C7E;}
+		.d2-260708190 .background-color-N3{background-color:#9499AB;}
+		.d2-260708190 .background-color-N4{background-color:#CFD2DD;}
+		.d2-260708190 .background-color-N5{background-color:#DEE1EB;}
+		.d2-260708190 .background-color-N6{background-color:#EEF1F8;}
+		.d2-260708190 .background-color-N7{background-color:#FFFFFF;}
+		.d2-260708190 .background-color-B1{background-color:#0D32B2;}
+		.d2-260708190 .background-color-B2{background-color:#0D32B2;}
+		.d2-260708190 .background-color-B3{background-color:#E3E9FD;}
+		.d2-260708190 .background-color-B4{background-color:#E3E9FD;}
+		.d2-260708190 .background-color-B5{background-color:#EDF0FD;}
+		.d2-260708190 .background-color-B6{background-color:#F7F8FE;}
+		.d2-260708190 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-260708190 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-260708190 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-260708190 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-260708190 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-260708190 .color-N1{color:#0A0F25;}
+		.d2-260708190 .color-N2{color:#676C7E;}
+		.d2-260708190 .color-N3{color:#9499AB;}
+		.d2-260708190 .color-N4{color:#CFD2DD;}
+		.d2-260708190 .color-N5{color:#DEE1EB;}
+		.d2-260708190 .color-N6{color:#EEF1F8;}
+		.d2-260708190 .color-N7{color:#FFFFFF;}
+		.d2-260708190 .color-B1{color:#0D32B2;}
+		.d2-260708190 .color-B2{color:#0D32B2;}
+		.d2-260708190 .color-B3{color:#E3E9FD;}
+		.d2-260708190 .color-B4{color:#E3E9FD;}
+		.d2-260708190 .color-B5{color:#EDF0FD;}
+		.d2-260708190 .color-B6{color:#F7F8FE;}
+		.d2-260708190 .color-AA2{color:#4A6FF3;}
+		.d2-260708190 .color-AA4{color:#EDF0FD;}
+		.d2-260708190 .color-AA5{color:#F7F8FE;}
+		.d2-260708190 .color-AB4{color:#EDF0FD;}
+		.d2-260708190 .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="x"><g class="shape" ><rect x="0.000000" y="41.000000" width="266.000000" height="125.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="133.000000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">x</text></g><g id="x.a"><g class="shape" ><rect x="40.000000" y="70.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="66.500000" y="108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="x.b"><g class="shape" ><rect x="173.000000" y="70.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="199.500000" y="108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="x.(a -&gt; a)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 94.699286 85.996286 C 114.333000 73.809998 121.000000 70.500000 123.000000 70.500000 C 125.000000 70.500000 127.666000 77.099998 129.666000 87.000000 C 131.666000 96.900002 131.666000 110.099998 129.666000 120.000000 C 127.666000 129.899994 114.333000 133.188995 96.398573 122.057429" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-260708190)" /></g><mask id="d2-260708190" maskUnits="userSpaceOnUse" x="-1" y="0" width="268" height="167">
 <rect x="-1" y="0" width="268" height="167" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/testdata/regression/elk_order/dagre/board.exp.json

@@ -522,7 +522,7 @@
         },
         {
           "x": 72.5,
-          "y": 85.6
+          "y": 85.5999984741211
         },
         {
           "x": 72.5,
@@ -569,7 +569,7 @@
         },
         {
           "x": 322.5,
-          "y": 85.6
+          "y": 85.5999984741211
         },
         {
           "x": 322.5,
@@ -616,7 +616,7 @@
         },
         {
           "x": 698.5,
-          "y": 85.6
+          "y": 85.5999984741211
         },
         {
           "x": 698.5,

e2etests/testdata/regression/nested_steps/dagre/board.exp.json

@@ -239,12 +239,12 @@
           "y": 172
         },
         {
-          "x": 86.4,
-          "y": 211.6
+          "x": 86.4000015258789,
+          "y": 211.60000610351562
         },
         {
-          "x": 86.6,
-          "y": 231.6
+          "x": 86.5999984741211,
+          "y": 231.60000610351562
         },
         {
           "x": 87,

e2etests/testdata/regression/nested_steps/dagre/sketch.exp.svg

@@ -1,16 +1,16 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 309 403"><svg id="d2-svg" class="d2-1580013616" width="309" height="403" viewBox="-1 0 309 403"><rect x="-1.000000" y="0.000000" width="309.000000" height="403.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1580013616 .text {
-	font-family: "d2-1580013616-font-regular";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 309 403"><svg id="d2-svg" class="d2-2585728912" width="309" height="403" viewBox="-1 0 309 403"><rect x="-1.000000" y="0.000000" width="309.000000" height="403.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-2585728912 .text {
+	font-family: "d2-2585728912-font-regular";
 }
 @font-face {
-	font-family: d2-1580013616-font-regular;
+	font-family: d2-2585728912-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-1580013616 .text-bold {
-	font-family: "d2-1580013616-font-bold";
+.d2-2585728912 .text-bold {
+	font-family: "d2-2585728912-font-bold";
 }
 @font-face {
-	font-family: d2-1580013616-font-bold;
+	font-family: d2-2585728912-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,78 +25,78 @@
   opacity: 0.5;
 }
 
-		.d2-1580013616 .fill-N1{fill:#0A0F25;}
-		.d2-1580013616 .fill-N2{fill:#676C7E;}
-		.d2-1580013616 .fill-N3{fill:#9499AB;}
-		.d2-1580013616 .fill-N4{fill:#CFD2DD;}
-		.d2-1580013616 .fill-N5{fill:#DEE1EB;}
-		.d2-1580013616 .fill-N6{fill:#EEF1F8;}
-		.d2-1580013616 .fill-N7{fill:#FFFFFF;}
-		.d2-1580013616 .fill-B1{fill:#0D32B2;}
-		.d2-1580013616 .fill-B2{fill:#0D32B2;}
-		.d2-1580013616 .fill-B3{fill:#E3E9FD;}
-		.d2-1580013616 .fill-B4{fill:#E3E9FD;}
-		.d2-1580013616 .fill-B5{fill:#EDF0FD;}
-		.d2-1580013616 .fill-B6{fill:#F7F8FE;}
-		.d2-1580013616 .fill-AA2{fill:#4A6FF3;}
-		.d2-1580013616 .fill-AA4{fill:#EDF0FD;}
-		.d2-1580013616 .fill-AA5{fill:#F7F8FE;}
-		.d2-1580013616 .fill-AB4{fill:#EDF0FD;}
-		.d2-1580013616 .fill-AB5{fill:#F7F8FE;}
-		.d2-1580013616 .stroke-N1{stroke:#0A0F25;}
-		.d2-1580013616 .stroke-N2{stroke:#676C7E;}
-		.d2-1580013616 .stroke-N3{stroke:#9499AB;}
-		.d2-1580013616 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1580013616 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1580013616 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1580013616 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1580013616 .stroke-B1{stroke:#0D32B2;}
-		.d2-1580013616 .stroke-B2{stroke:#0D32B2;}
-		.d2-1580013616 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1580013616 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1580013616 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1580013616 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1580013616 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1580013616 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1580013616 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1580013616 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1580013616 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1580013616 .background-color-N1{background-color:#0A0F25;}
-		.d2-1580013616 .background-color-N2{background-color:#676C7E;}
-		.d2-1580013616 .background-color-N3{background-color:#9499AB;}
-		.d2-1580013616 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1580013616 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1580013616 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1580013616 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1580013616 .background-color-B1{background-color:#0D32B2;}
-		.d2-1580013616 .background-color-B2{background-color:#0D32B2;}
-		.d2-1580013616 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1580013616 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1580013616 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1580013616 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1580013616 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1580013616 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1580013616 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1580013616 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1580013616 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1580013616 .color-N1{color:#0A0F25;}
-		.d2-1580013616 .color-N2{color:#676C7E;}
-		.d2-1580013616 .color-N3{color:#9499AB;}
-		.d2-1580013616 .color-N4{color:#CFD2DD;}
-		.d2-1580013616 .color-N5{color:#DEE1EB;}
-		.d2-1580013616 .color-N6{color:#EEF1F8;}
-		.d2-1580013616 .color-N7{color:#FFFFFF;}
-		.d2-1580013616 .color-B1{color:#0D32B2;}
-		.d2-1580013616 .color-B2{color:#0D32B2;}
-		.d2-1580013616 .color-B3{color:#E3E9FD;}
-		.d2-1580013616 .color-B4{color:#E3E9FD;}
-		.d2-1580013616 .color-B5{color:#EDF0FD;}
-		.d2-1580013616 .color-B6{color:#F7F8FE;}
-		.d2-1580013616 .color-AA2{color:#4A6FF3;}
-		.d2-1580013616 .color-AA4{color:#EDF0FD;}
-		.d2-1580013616 .color-AA5{color:#F7F8FE;}
-		.d2-1580013616 .color-AB4{color:#EDF0FD;}
-		.d2-1580013616 .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="a"><g class="shape" ><rect x="0.000000" y="41.000000" width="173.000000" height="361.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="86.500000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">a</text></g><g id="c"><g class="shape" ><path d="M 214 50 L 272 50 L 307 101 L 272 151 L 214 151 L 249 101 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="260.500000" y="106.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="d"><g class="shape" ><path d="M 213 251 L 272 251 L 307 302 L 272 352 L 213 352 L 248 302 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="260.000000" y="307.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="a.a"><g class="shape" ><path d="M 40 70 L 98 70 L 133 121 L 98 171 L 40 171 L 75 121 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="86.500000" y="126.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="a.b"><g class="shape" ><path d="M 40 271 L 98 271 L 133 322 L 98 372 L 40 372 L 75 322 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="86.500000" y="327.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="a.(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 86.020201 173.999898 C 86.400000 211.600000 86.600000 231.600000 86.960398 268.000196" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1580013616)" /></g><g id="(c -&gt; d)[0]"><path d="M 260.000000 153.000000 C 260.000000 191.000000 260.000000 211.000000 260.000000 247.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1580013616)" /></g><mask id="d2-1580013616" maskUnits="userSpaceOnUse" x="-1" y="0" width="309" height="403">
+		.d2-2585728912 .fill-N1{fill:#0A0F25;}
+		.d2-2585728912 .fill-N2{fill:#676C7E;}
+		.d2-2585728912 .fill-N3{fill:#9499AB;}
+		.d2-2585728912 .fill-N4{fill:#CFD2DD;}
+		.d2-2585728912 .fill-N5{fill:#DEE1EB;}
+		.d2-2585728912 .fill-N6{fill:#EEF1F8;}
+		.d2-2585728912 .fill-N7{fill:#FFFFFF;}
+		.d2-2585728912 .fill-B1{fill:#0D32B2;}
+		.d2-2585728912 .fill-B2{fill:#0D32B2;}
+		.d2-2585728912 .fill-B3{fill:#E3E9FD;}
+		.d2-2585728912 .fill-B4{fill:#E3E9FD;}
+		.d2-2585728912 .fill-B5{fill:#EDF0FD;}
+		.d2-2585728912 .fill-B6{fill:#F7F8FE;}
+		.d2-2585728912 .fill-AA2{fill:#4A6FF3;}
+		.d2-2585728912 .fill-AA4{fill:#EDF0FD;}
+		.d2-2585728912 .fill-AA5{fill:#F7F8FE;}
+		.d2-2585728912 .fill-AB4{fill:#EDF0FD;}
+		.d2-2585728912 .fill-AB5{fill:#F7F8FE;}
+		.d2-2585728912 .stroke-N1{stroke:#0A0F25;}
+		.d2-2585728912 .stroke-N2{stroke:#676C7E;}
+		.d2-2585728912 .stroke-N3{stroke:#9499AB;}
+		.d2-2585728912 .stroke-N4{stroke:#CFD2DD;}
+		.d2-2585728912 .stroke-N5{stroke:#DEE1EB;}
+		.d2-2585728912 .stroke-N6{stroke:#EEF1F8;}
+		.d2-2585728912 .stroke-N7{stroke:#FFFFFF;}
+		.d2-2585728912 .stroke-B1{stroke:#0D32B2;}
+		.d2-2585728912 .stroke-B2{stroke:#0D32B2;}
+		.d2-2585728912 .stroke-B3{stroke:#E3E9FD;}
+		.d2-2585728912 .stroke-B4{stroke:#E3E9FD;}
+		.d2-2585728912 .stroke-B5{stroke:#EDF0FD;}
+		.d2-2585728912 .stroke-B6{stroke:#F7F8FE;}
+		.d2-2585728912 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-2585728912 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-2585728912 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-2585728912 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-2585728912 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-2585728912 .background-color-N1{background-color:#0A0F25;}
+		.d2-2585728912 .background-color-N2{background-color:#676C7E;}
+		.d2-2585728912 .background-color-N3{background-color:#9499AB;}
+		.d2-2585728912 .background-color-N4{background-color:#CFD2DD;}
+		.d2-2585728912 .background-color-N5{background-color:#DEE1EB;}
+		.d2-2585728912 .background-color-N6{background-color:#EEF1F8;}
+		.d2-2585728912 .background-color-N7{background-color:#FFFFFF;}
+		.d2-2585728912 .background-color-B1{background-color:#0D32B2;}
+		.d2-2585728912 .background-color-B2{background-color:#0D32B2;}
+		.d2-2585728912 .background-color-B3{background-color:#E3E9FD;}
+		.d2-2585728912 .background-color-B4{background-color:#E3E9FD;}
+		.d2-2585728912 .background-color-B5{background-color:#EDF0FD;}
+		.d2-2585728912 .background-color-B6{background-color:#F7F8FE;}
+		.d2-2585728912 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-2585728912 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-2585728912 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-2585728912 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-2585728912 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-2585728912 .color-N1{color:#0A0F25;}
+		.d2-2585728912 .color-N2{color:#676C7E;}
+		.d2-2585728912 .color-N3{color:#9499AB;}
+		.d2-2585728912 .color-N4{color:#CFD2DD;}
+		.d2-2585728912 .color-N5{color:#DEE1EB;}
+		.d2-2585728912 .color-N6{color:#EEF1F8;}
+		.d2-2585728912 .color-N7{color:#FFFFFF;}
+		.d2-2585728912 .color-B1{color:#0D32B2;}
+		.d2-2585728912 .color-B2{color:#0D32B2;}
+		.d2-2585728912 .color-B3{color:#E3E9FD;}
+		.d2-2585728912 .color-B4{color:#E3E9FD;}
+		.d2-2585728912 .color-B5{color:#EDF0FD;}
+		.d2-2585728912 .color-B6{color:#F7F8FE;}
+		.d2-2585728912 .color-AA2{color:#4A6FF3;}
+		.d2-2585728912 .color-AA4{color:#EDF0FD;}
+		.d2-2585728912 .color-AA5{color:#F7F8FE;}
+		.d2-2585728912 .color-AB4{color:#EDF0FD;}
+		.d2-2585728912 .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="a"><g class="shape" ><rect x="0.000000" y="41.000000" width="173.000000" height="361.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="86.500000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">a</text></g><g id="c"><g class="shape" ><path d="M 214 50 L 272 50 L 307 101 L 272 151 L 214 151 L 249 101 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="260.500000" y="106.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="d"><g class="shape" ><path d="M 213 251 L 272 251 L 307 302 L 272 352 L 213 352 L 248 302 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="260.000000" y="307.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="a.a"><g class="shape" ><path d="M 40 70 L 98 70 L 133 121 L 98 171 L 40 171 L 75 121 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="86.500000" y="126.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="a.b"><g class="shape" ><path d="M 40 271 L 98 271 L 133 322 L 98 372 L 40 372 L 75 322 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="86.500000" y="327.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="a.(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 86.020201 173.999898 C 86.400002 211.600006 86.599998 231.600006 86.960398 268.000196" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2585728912)" /></g><g id="(c -&gt; d)[0]"><path d="M 260.000000 153.000000 C 260.000000 191.000000 260.000000 211.000000 260.000000 247.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2585728912)" /></g><mask id="d2-2585728912" maskUnits="userSpaceOnUse" x="-1" y="0" width="309" height="403">
 <rect x="-1" y="0" width="309" height="403" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/testdata/regression/opacity-on-label/dagre/board.exp.json

@@ -157,11 +157,11 @@
         },
         {
           "x": 161,
-          "y": 120.80000000000001
+          "y": 120.80000305175781
         },
         {
           "x": 161,
-          "y": 148.3
+          "y": 148.3000030517578
         },
         {
           "x": 161,

e2etests/testdata/regression/overlapping-edge-label/dagre/board.exp.json

@@ -10,7 +10,7 @@
         "x": 0,
         "y": 41
       },
-      "width": 1220,
+      "width": 1221,
       "height": 125,
       "opacity": 1,
       "strokeDash": 0,
@@ -297,7 +297,7 @@
         "x": 796,
         "y": 328
       },
-      "width": 414,
+      "width": 415,
       "height": 125,
       "opacity": 1,
       "strokeDash": 0,
@@ -445,11 +445,11 @@
         },
         {
           "x": 854.75,
-          "y": 214.4
+          "y": 214.39999389648438
         },
         {
           "x": 854.75,
-          "y": 246.9
+          "y": 246.89999389648438
         },
         {
           "x": 854.75,
@@ -492,11 +492,11 @@
         },
         {
           "x": 956.75,
-          "y": 214.4
+          "y": 214.39999389648438
         },
         {
           "x": 956.75,
-          "y": 238.7
+          "y": 238.6999969482422
         },
         {
           "x": 956.75,
@@ -539,11 +539,11 @@
         },
         {
           "x": 1052.75,
-          "y": 214.4
+          "y": 214.39999389648438
         },
         {
           "x": 1052.75,
-          "y": 238.7
+          "y": 238.6999969482422
         },
         {
           "x": 1052.75,
@@ -586,11 +586,11 @@
         },
         {
           "x": 1157,
-          "y": 214.4
+          "y": 214.39999389648438
         },
         {
           "x": 1157,
-          "y": 246.9
+          "y": 246.89999389648438
         },
         {
           "x": 1157,

e2etests/testdata/regression/overlapping-edge-label/elk/board.exp.json

@@ -448,11 +448,11 @@
           "y": 369
         },
         {
-          "x": 427.9,
+          "x": 427.8999938964844,
           "y": 369
         },
         {
-          "x": 427.9,
+          "x": 427.8999938964844,
           "y": 409
         }
       ],
@@ -486,11 +486,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 482.3,
+          "x": 482.29998779296875,
           "y": 178
         },
         {
-          "x": 482.3,
+          "x": 482.29998779296875,
           "y": 409
         }
       ],
@@ -524,11 +524,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 536.7,
+          "x": 536.7000122070312,
           "y": 178
         },
         {
-          "x": 536.7,
+          "x": 536.7000122070312,
           "y": 409
         }
       ],
@@ -562,19 +562,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 735.7,
+          "x": 735.7000122070312,
           "y": 178
         },
         {
-          "x": 735.7,
+          "x": 735.7000122070312,
           "y": 369
         },
         {
-          "x": 591.1,
+          "x": 591.0999755859375,
           "y": 369
         },
         {
-          "x": 591.1,
+          "x": 591.0999755859375,
           "y": 409
         }
       ],

e2etests/testdata/regression/root-container/dagre/board.exp.json

@@ -10,7 +10,7 @@
         "x": 0,
         "y": 41
       },
-      "width": 245,
+      "width": 246,
       "height": 291,
       "opacity": 1,
       "strokeDash": 0,
@@ -174,7 +174,7 @@
         "x": 266,
         "y": 41
       },
-      "width": 245,
+      "width": 246,
       "height": 291,
       "opacity": 1,
       "strokeDash": 0,
@@ -366,7 +366,7 @@
           "y": 176.5
         },
         {
-          "x": 73.55,
+          "x": 73.55000305175781,
           "y": 196.5
         },
         {
@@ -405,11 +405,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 145.3644578313253,
+          "x": 145.36399841308594,
           "y": 236.5
         },
         {
-          "x": 172.47289156626505,
+          "x": 172.4720001220703,
           "y": 196.5
         },
         {
@@ -460,7 +460,7 @@
           "y": 176.5
         },
         {
-          "x": 339.3,
+          "x": 339.29998779296875,
           "y": 196.5
         },
         {
@@ -499,11 +499,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 411.1144578313253,
+          "x": 411.114013671875,
           "y": 236.5
         },
         {
-          "x": 438.22289156626505,
+          "x": 438.22198486328125,
           "y": 196.5
         },
         {

e2etests/testdata/regression/straight_hierarchy_container_direction_right/dagre/board.exp.json

@@ -1064,7 +1064,7 @@
         },
         {
           "x": 163,
-          "y": 307.1
+          "y": 307.1000061035156
         },
         {
           "x": 203,
@@ -1111,7 +1111,7 @@
         },
         {
           "x": 163,
-          "y": 124.1
+          "y": 124.0999984741211
         },
         {
           "x": 203,
@@ -1158,7 +1158,7 @@
         },
         {
           "x": 163,
-          "y": 490.1
+          "y": 490.1000061035156
         },
         {
           "x": 203,

e2etests/testdata/regression/unconnected/dagre/board.exp.json

@@ -562,11 +562,11 @@
       "route": [
         {
           "x": 185,
-          "y": 306.48936170212767
+          "y": 306.489013671875
         },
         {
           "x": 225,
-          "y": 313.29787234042556
+          "y": 313.2969970703125
         },
         {
           "x": 299.5,
@@ -608,12 +608,12 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 154.08018867924528,
+          "x": 154.0800018310547,
           "y": 328
         },
         {
-          "x": 218.81603773584908,
-          "y": 386.4
+          "x": 218.8159942626953,
+          "y": 386.3999938964844
         },
         {
           "x": 295,
@@ -656,11 +656,11 @@
       "route": [
         {
           "x": 185,
-          "y": 270.29787234042556
+          "y": 270.2969970703125
         },
         {
           "x": 225,
-          "y": 255.6595744680851
+          "y": 255.65899658203125
         },
         {
           "x": 245,
@@ -675,7 +675,7 @@
           "y": 252
         },
         {
-          "x": 315.4,
+          "x": 315.3999938964844,
           "y": 252
         },
         {
@@ -683,7 +683,7 @@
           "y": 252
         },
         {
-          "x": 406.6,
+          "x": 406.6000061035156,
           "y": 252
         },
         {
@@ -727,11 +727,11 @@
       "route": [
         {
           "x": 783,
-          "y": 330.4072164948454
+          "y": 330.4070129394531
         },
         {
           "x": 823,
-          "y": 352.8814432989691
+          "y": 352.8810119628906
         },
         {
           "x": 843,
@@ -774,11 +774,11 @@
       "route": [
         {
           "x": 783,
-          "y": 278.5618556701031
+          "y": 278.5610046386719
         },
         {
           "x": 823,
-          "y": 256.91237113402065
+          "y": 256.9119873046875
         },
         {
           "x": 855,
@@ -794,7 +794,7 @@
         },
         {
           "x": 1063,
-          "y": 253.3
+          "y": 253.3000030517578
         },
         {
           "x": 1103,
@@ -832,12 +832,12 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 766.7788461538462,
+          "x": 766.7780151367188,
           "y": 271
         },
         {
-          "x": 819.7557692307693,
-          "y": 214.2
+          "x": 819.7550048828125,
+          "y": 214.1999969482422
         },
         {
           "x": 855,
@@ -876,8 +876,8 @@
           "y": 200
         },
         {
-          "x": 1285.6,
-          "y": 207.6
+          "x": 1285.5999755859375,
+          "y": 207.60000610351562
         },
         {
           "x": 1336,
@@ -916,11 +916,11 @@
       "route": [
         {
           "x": 1003,
-          "y": 340.77272727272725
+          "y": 340.7720031738281
         },
         {
           "x": 1043,
-          "y": 328.95454545454544
+          "y": 328.9540100097656
         },
         {
           "x": 1063,
@@ -970,7 +970,7 @@
           "y": 271.5
         },
         {
-          "x": 1284.6,
+          "x": 1284.5999755859375,
           "y": 271.5
         },
         {
@@ -1009,11 +1009,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 1355.638888888889,
+          "x": 1355.637939453125,
           "y": 303.5
         },
         {
-          "x": 1289.5277777777778,
+          "x": 1289.5269775390625,
           "y": 363.5
         },
         {
@@ -1030,7 +1030,7 @@
         },
         {
           "x": 1043,
-          "y": 376.7
+          "y": 376.70001220703125
         },
         {
           "x": 1003,
@@ -1072,7 +1072,7 @@
           "y": 315
         },
         {
-          "x": 574.7,
+          "x": 574.7000122070312,
           "y": 315
         },
         {

e2etests/testdata/regression/unconnected/elk/board.exp.json

@@ -134,7 +134,7 @@
         "y": 12
       },
       "width": 940,
-      "height": 383,
+      "height": 384,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -662,11 +662,11 @@
         },
         {
           "x": 278,
-          "y": 288.1875
+          "y": 288.18701171875
         },
         {
           "x": 652,
-          "y": 288.1875
+          "y": 288.18701171875
         }
       ],
       "animated": false,
@@ -792,19 +792,19 @@
         },
         {
           "x": 880,
-          "y": 249.66666666666669
+          "y": 249.66600036621094
         },
         {
           "x": 1380,
-          "y": 249.66666666666669
+          "y": 249.66600036621094
         },
         {
           "x": 1380,
-          "y": 184.66666666666669
+          "y": 184.66600036621094
         },
         {
           "x": 1420,
-          "y": 184.66666666666669
+          "y": 184.66600036621094
         }
       ],
       "animated": false,
@@ -838,19 +838,19 @@
       "route": [
         {
           "x": 1090,
-          "y": 115.33333333333333
+          "y": 115.33300018310547
         },
         {
           "x": 1130,
-          "y": 115.33333333333333
+          "y": 115.33300018310547
         },
         {
           "x": 1130,
-          "y": 156.33333333333334
+          "y": 156.33299255371094
         },
         {
           "x": 1170,
-          "y": 156.33333333333334
+          "y": 156.33299255371094
         }
       ],
       "animated": false,
@@ -884,11 +884,11 @@
       "route": [
         {
           "x": 1290,
-          "y": 164.66666666666669
+          "y": 164.66600036621094
         },
         {
           "x": 1420,
-          "y": 164.66666666666669
+          "y": 164.66600036621094
         }
       ],
       "animated": false,
@@ -922,19 +922,19 @@
       "route": [
         {
           "x": 1420,
-          "y": 144.66666666666669
+          "y": 144.66600036621094
         },
         {
           "x": 1330,
-          "y": 144.66666666666669
+          "y": 144.66600036621094
         },
         {
           "x": 1330,
-          "y": 88.66666666666666
+          "y": 88.66600036621094
         },
         {
           "x": 1090,
-          "y": 88.66666666666666
+          "y": 88.66600036621094
         }
       ],
       "animated": false,

e2etests/testdata/sanity/1_to_2/dagre/board.exp.json

@@ -153,11 +153,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 60.536144578313255,
+          "x": 60.5359992980957,
           "y": 66
         },
         {
-          "x": 33.30722891566265,
+          "x": 33.30699920654297,
           "y": 106
         },
         {
@@ -200,11 +200,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 105.46385542168674,
+          "x": 105.46299743652344,
           "y": 66
         },
         {
-          "x": 132.69277108433735,
+          "x": 132.69200134277344,
           "y": 106
         },
         {

e2etests/testdata/sanity/1_to_2/dagre/sketch.exp.svg

@@ -1,9 +1,9 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 168 234"><svg id="d2-svg" class="d2-1131992437" width="168" height="234" viewBox="-1 -1 168 234"><rect x="-1.000000" y="-1.000000" width="168.000000" height="234.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1131992437 .text-bold {
-	font-family: "d2-1131992437-font-bold";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 168 234"><svg id="d2-svg" class="d2-3776327244" width="168" height="234" viewBox="-1 -1 168 234"><rect x="-1.000000" y="-1.000000" width="168.000000" height="234.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3776327244 .text-bold {
+	font-family: "d2-3776327244-font-bold";
 }
 @font-face {
-	font-family: d2-1131992437-font-bold;
+	font-family: d2-3776327244-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-1131992437 .fill-N1{fill:#0A0F25;}
-		.d2-1131992437 .fill-N2{fill:#676C7E;}
-		.d2-1131992437 .fill-N3{fill:#9499AB;}
-		.d2-1131992437 .fill-N4{fill:#CFD2DD;}
-		.d2-1131992437 .fill-N5{fill:#DEE1EB;}
-		.d2-1131992437 .fill-N6{fill:#EEF1F8;}
-		.d2-1131992437 .fill-N7{fill:#FFFFFF;}
-		.d2-1131992437 .fill-B1{fill:#0D32B2;}
-		.d2-1131992437 .fill-B2{fill:#0D32B2;}
-		.d2-1131992437 .fill-B3{fill:#E3E9FD;}
-		.d2-1131992437 .fill-B4{fill:#E3E9FD;}
-		.d2-1131992437 .fill-B5{fill:#EDF0FD;}
-		.d2-1131992437 .fill-B6{fill:#F7F8FE;}
-		.d2-1131992437 .fill-AA2{fill:#4A6FF3;}
-		.d2-1131992437 .fill-AA4{fill:#EDF0FD;}
-		.d2-1131992437 .fill-AA5{fill:#F7F8FE;}
-		.d2-1131992437 .fill-AB4{fill:#EDF0FD;}
-		.d2-1131992437 .fill-AB5{fill:#F7F8FE;}
-		.d2-1131992437 .stroke-N1{stroke:#0A0F25;}
-		.d2-1131992437 .stroke-N2{stroke:#676C7E;}
-		.d2-1131992437 .stroke-N3{stroke:#9499AB;}
-		.d2-1131992437 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1131992437 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1131992437 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1131992437 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1131992437 .stroke-B1{stroke:#0D32B2;}
-		.d2-1131992437 .stroke-B2{stroke:#0D32B2;}
-		.d2-1131992437 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1131992437 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1131992437 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1131992437 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1131992437 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1131992437 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1131992437 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1131992437 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1131992437 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1131992437 .background-color-N1{background-color:#0A0F25;}
-		.d2-1131992437 .background-color-N2{background-color:#676C7E;}
-		.d2-1131992437 .background-color-N3{background-color:#9499AB;}
-		.d2-1131992437 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1131992437 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1131992437 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1131992437 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1131992437 .background-color-B1{background-color:#0D32B2;}
-		.d2-1131992437 .background-color-B2{background-color:#0D32B2;}
-		.d2-1131992437 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1131992437 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1131992437 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1131992437 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1131992437 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1131992437 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1131992437 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1131992437 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1131992437 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1131992437 .color-N1{color:#0A0F25;}
-		.d2-1131992437 .color-N2{color:#676C7E;}
-		.d2-1131992437 .color-N3{color:#9499AB;}
-		.d2-1131992437 .color-N4{color:#CFD2DD;}
-		.d2-1131992437 .color-N5{color:#DEE1EB;}
-		.d2-1131992437 .color-N6{color:#EEF1F8;}
-		.d2-1131992437 .color-N7{color:#FFFFFF;}
-		.d2-1131992437 .color-B1{color:#0D32B2;}
-		.d2-1131992437 .color-B2{color:#0D32B2;}
-		.d2-1131992437 .color-B3{color:#E3E9FD;}
-		.d2-1131992437 .color-B4{color:#E3E9FD;}
-		.d2-1131992437 .color-B5{color:#EDF0FD;}
-		.d2-1131992437 .color-B6{color:#F7F8FE;}
-		.d2-1131992437 .color-AA2{color:#4A6FF3;}
-		.d2-1131992437 .color-AA4{color:#EDF0FD;}
-		.d2-1131992437 .color-AA5{color:#F7F8FE;}
-		.d2-1131992437 .color-AB4{color:#EDF0FD;}
-		.d2-1131992437 .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="a"><g class="shape" ><rect x="57.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><rect x="113.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.410707 67.653297 C 33.307229 106.000000 26.500000 126.000000 26.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1131992437)" /></g><g id="(a -&gt; c)[0]"><path d="M 106.589293 67.653297 C 132.692771 106.000000 139.500000 126.000000 139.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1131992437)" /></g><mask id="d2-1131992437" maskUnits="userSpaceOnUse" x="-1" y="-1" width="168" height="234">
+		.d2-3776327244 .fill-N1{fill:#0A0F25;}
+		.d2-3776327244 .fill-N2{fill:#676C7E;}
+		.d2-3776327244 .fill-N3{fill:#9499AB;}
+		.d2-3776327244 .fill-N4{fill:#CFD2DD;}
+		.d2-3776327244 .fill-N5{fill:#DEE1EB;}
+		.d2-3776327244 .fill-N6{fill:#EEF1F8;}
+		.d2-3776327244 .fill-N7{fill:#FFFFFF;}
+		.d2-3776327244 .fill-B1{fill:#0D32B2;}
+		.d2-3776327244 .fill-B2{fill:#0D32B2;}
+		.d2-3776327244 .fill-B3{fill:#E3E9FD;}
+		.d2-3776327244 .fill-B4{fill:#E3E9FD;}
+		.d2-3776327244 .fill-B5{fill:#EDF0FD;}
+		.d2-3776327244 .fill-B6{fill:#F7F8FE;}
+		.d2-3776327244 .fill-AA2{fill:#4A6FF3;}
+		.d2-3776327244 .fill-AA4{fill:#EDF0FD;}
+		.d2-3776327244 .fill-AA5{fill:#F7F8FE;}
+		.d2-3776327244 .fill-AB4{fill:#EDF0FD;}
+		.d2-3776327244 .fill-AB5{fill:#F7F8FE;}
+		.d2-3776327244 .stroke-N1{stroke:#0A0F25;}
+		.d2-3776327244 .stroke-N2{stroke:#676C7E;}
+		.d2-3776327244 .stroke-N3{stroke:#9499AB;}
+		.d2-3776327244 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3776327244 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3776327244 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3776327244 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3776327244 .stroke-B1{stroke:#0D32B2;}
+		.d2-3776327244 .stroke-B2{stroke:#0D32B2;}
+		.d2-3776327244 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3776327244 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3776327244 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3776327244 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3776327244 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3776327244 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3776327244 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3776327244 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3776327244 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3776327244 .background-color-N1{background-color:#0A0F25;}
+		.d2-3776327244 .background-color-N2{background-color:#676C7E;}
+		.d2-3776327244 .background-color-N3{background-color:#9499AB;}
+		.d2-3776327244 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3776327244 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3776327244 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3776327244 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3776327244 .background-color-B1{background-color:#0D32B2;}
+		.d2-3776327244 .background-color-B2{background-color:#0D32B2;}
+		.d2-3776327244 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3776327244 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3776327244 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3776327244 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3776327244 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3776327244 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3776327244 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3776327244 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3776327244 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3776327244 .color-N1{color:#0A0F25;}
+		.d2-3776327244 .color-N2{color:#676C7E;}
+		.d2-3776327244 .color-N3{color:#9499AB;}
+		.d2-3776327244 .color-N4{color:#CFD2DD;}
+		.d2-3776327244 .color-N5{color:#DEE1EB;}
+		.d2-3776327244 .color-N6{color:#EEF1F8;}
+		.d2-3776327244 .color-N7{color:#FFFFFF;}
+		.d2-3776327244 .color-B1{color:#0D32B2;}
+		.d2-3776327244 .color-B2{color:#0D32B2;}
+		.d2-3776327244 .color-B3{color:#E3E9FD;}
+		.d2-3776327244 .color-B4{color:#E3E9FD;}
+		.d2-3776327244 .color-B5{color:#EDF0FD;}
+		.d2-3776327244 .color-B6{color:#F7F8FE;}
+		.d2-3776327244 .color-AA2{color:#4A6FF3;}
+		.d2-3776327244 .color-AA4{color:#EDF0FD;}
+		.d2-3776327244 .color-AA5{color:#F7F8FE;}
+		.d2-3776327244 .color-AB4{color:#EDF0FD;}
+		.d2-3776327244 .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="a"><g class="shape" ><rect x="57.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><rect x="113.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.410560 67.653295 C 33.306999 106.000000 26.500000 126.000000 26.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3776327244)" /></g><g id="(a -&gt; c)[0]"><path d="M 106.588437 67.653295 C 132.692001 106.000000 139.500000 126.000000 139.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3776327244)" /></g><mask id="d2-3776327244" maskUnits="userSpaceOnUse" x="-1" y="-1" width="168" height="234">
 <rect x="-1" y="-1" width="168" height="234" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/testdata/sanity/1_to_2/elk/board.exp.json

@@ -153,11 +153,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 61.666666666666664,
+          "x": 61.66600036621094,
           "y": 78
         },
         {
-          "x": 61.666666666666664,
+          "x": 61.66600036621094,
           "y": 118
         },
         {
@@ -199,11 +199,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 88.33333333333333,
+          "x": 88.33300018310547,
           "y": 78
         },
         {
-          "x": 88.33333333333333,
+          "x": 88.33300018310547,
           "y": 118
         },
         {

e2etests/testdata/sanity/1_to_2/elk/sketch.exp.svg

@@ -1,9 +1,9 @@
-<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 128 214"><svg id="d2-svg" class="d2-219348747" width="128" height="214" viewBox="11 11 128 214"><rect x="11.000000" y="11.000000" width="128.000000" height="214.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-219348747 .text-bold {
-	font-family: "d2-219348747-font-bold";
+<?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.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 128 214"><svg id="d2-svg" class="d2-685014647" width="128" height="214" viewBox="11 11 128 214"><rect x="11.000000" y="11.000000" width="128.000000" height="214.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-685014647 .text-bold {
+	font-family: "d2-685014647-font-bold";
 }
 @font-face {
-	font-family: d2-219348747-font-bold;
+	font-family: d2-685014647-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-219348747 .fill-N1{fill:#0A0F25;}
-		.d2-219348747 .fill-N2{fill:#676C7E;}
-		.d2-219348747 .fill-N3{fill:#9499AB;}
-		.d2-219348747 .fill-N4{fill:#CFD2DD;}
-		.d2-219348747 .fill-N5{fill:#DEE1EB;}
-		.d2-219348747 .fill-N6{fill:#EEF1F8;}
-		.d2-219348747 .fill-N7{fill:#FFFFFF;}
-		.d2-219348747 .fill-B1{fill:#0D32B2;}
-		.d2-219348747 .fill-B2{fill:#0D32B2;}
-		.d2-219348747 .fill-B3{fill:#E3E9FD;}
-		.d2-219348747 .fill-B4{fill:#E3E9FD;}
-		.d2-219348747 .fill-B5{fill:#EDF0FD;}
-		.d2-219348747 .fill-B6{fill:#F7F8FE;}
-		.d2-219348747 .fill-AA2{fill:#4A6FF3;}
-		.d2-219348747 .fill-AA4{fill:#EDF0FD;}
-		.d2-219348747 .fill-AA5{fill:#F7F8FE;}
-		.d2-219348747 .fill-AB4{fill:#EDF0FD;}
-		.d2-219348747 .fill-AB5{fill:#F7F8FE;}
-		.d2-219348747 .stroke-N1{stroke:#0A0F25;}
-		.d2-219348747 .stroke-N2{stroke:#676C7E;}
-		.d2-219348747 .stroke-N3{stroke:#9499AB;}
-		.d2-219348747 .stroke-N4{stroke:#CFD2DD;}
-		.d2-219348747 .stroke-N5{stroke:#DEE1EB;}
-		.d2-219348747 .stroke-N6{stroke:#EEF1F8;}
-		.d2-219348747 .stroke-N7{stroke:#FFFFFF;}
-		.d2-219348747 .stroke-B1{stroke:#0D32B2;}
-		.d2-219348747 .stroke-B2{stroke:#0D32B2;}
-		.d2-219348747 .stroke-B3{stroke:#E3E9FD;}
-		.d2-219348747 .stroke-B4{stroke:#E3E9FD;}
-		.d2-219348747 .stroke-B5{stroke:#EDF0FD;}
-		.d2-219348747 .stroke-B6{stroke:#F7F8FE;}
-		.d2-219348747 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-219348747 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-219348747 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-219348747 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-219348747 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-219348747 .background-color-N1{background-color:#0A0F25;}
-		.d2-219348747 .background-color-N2{background-color:#676C7E;}
-		.d2-219348747 .background-color-N3{background-color:#9499AB;}
-		.d2-219348747 .background-color-N4{background-color:#CFD2DD;}
-		.d2-219348747 .background-color-N5{background-color:#DEE1EB;}
-		.d2-219348747 .background-color-N6{background-color:#EEF1F8;}
-		.d2-219348747 .background-color-N7{background-color:#FFFFFF;}
-		.d2-219348747 .background-color-B1{background-color:#0D32B2;}
-		.d2-219348747 .background-color-B2{background-color:#0D32B2;}
-		.d2-219348747 .background-color-B3{background-color:#E3E9FD;}
-		.d2-219348747 .background-color-B4{background-color:#E3E9FD;}
-		.d2-219348747 .background-color-B5{background-color:#EDF0FD;}
-		.d2-219348747 .background-color-B6{background-color:#F7F8FE;}
-		.d2-219348747 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-219348747 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-219348747 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-219348747 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-219348747 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-219348747 .color-N1{color:#0A0F25;}
-		.d2-219348747 .color-N2{color:#676C7E;}
-		.d2-219348747 .color-N3{color:#9499AB;}
-		.d2-219348747 .color-N4{color:#CFD2DD;}
-		.d2-219348747 .color-N5{color:#DEE1EB;}
-		.d2-219348747 .color-N6{color:#EEF1F8;}
-		.d2-219348747 .color-N7{color:#FFFFFF;}
-		.d2-219348747 .color-B1{color:#0D32B2;}
-		.d2-219348747 .color-B2{color:#0D32B2;}
-		.d2-219348747 .color-B3{color:#E3E9FD;}
-		.d2-219348747 .color-B4{color:#E3E9FD;}
-		.d2-219348747 .color-B5{color:#EDF0FD;}
-		.d2-219348747 .color-B6{color:#F7F8FE;}
-		.d2-219348747 .color-AA2{color:#4A6FF3;}
-		.d2-219348747 .color-AA4{color:#EDF0FD;}
-		.d2-219348747 .color-AA5{color:#F7F8FE;}
-		.d2-219348747 .color-AB4{color:#EDF0FD;}
-		.d2-219348747 .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="a"><g class="shape" ><rect x="35.000000" y="12.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="75.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="12.000000" y="158.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="196.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><rect x="85.000000" y="158.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="111.500000" y="196.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 61.666667 80.000000 L 61.666667 108.000000 S 61.666667 118.000000 51.666667 118.000000 L 48.500000 118.000000 S 38.500000 118.000000 38.500000 128.000000 L 38.500000 154.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-219348747)" /></g><g id="(a -&gt; c)[0]"><path d="M 88.333333 80.000000 L 88.333333 108.000000 S 88.333333 118.000000 98.333333 118.000000 L 101.500000 118.000000 S 111.500000 118.000000 111.500000 128.000000 L 111.500000 154.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-219348747)" /></g><mask id="d2-219348747" maskUnits="userSpaceOnUse" x="11" y="11" width="128" height="214">
+		.d2-685014647 .fill-N1{fill:#0A0F25;}
+		.d2-685014647 .fill-N2{fill:#676C7E;}
+		.d2-685014647 .fill-N3{fill:#9499AB;}
+		.d2-685014647 .fill-N4{fill:#CFD2DD;}
+		.d2-685014647 .fill-N5{fill:#DEE1EB;}
+		.d2-685014647 .fill-N6{fill:#EEF1F8;}
+		.d2-685014647 .fill-N7{fill:#FFFFFF;}
+		.d2-685014647 .fill-B1{fill:#0D32B2;}
+		.d2-685014647 .fill-B2{fill:#0D32B2;}
+		.d2-685014647 .fill-B3{fill:#E3E9FD;}
+		.d2-685014647 .fill-B4{fill:#E3E9FD;}
+		.d2-685014647 .fill-B5{fill:#EDF0FD;}
+		.d2-685014647 .fill-B6{fill:#F7F8FE;}
+		.d2-685014647 .fill-AA2{fill:#4A6FF3;}
+		.d2-685014647 .fill-AA4{fill:#EDF0FD;}
+		.d2-685014647 .fill-AA5{fill:#F7F8FE;}
+		.d2-685014647 .fill-AB4{fill:#EDF0FD;}
+		.d2-685014647 .fill-AB5{fill:#F7F8FE;}
+		.d2-685014647 .stroke-N1{stroke:#0A0F25;}
+		.d2-685014647 .stroke-N2{stroke:#676C7E;}
+		.d2-685014647 .stroke-N3{stroke:#9499AB;}
+		.d2-685014647 .stroke-N4{stroke:#CFD2DD;}
+		.d2-685014647 .stroke-N5{stroke:#DEE1EB;}
+		.d2-685014647 .stroke-N6{stroke:#EEF1F8;}
+		.d2-685014647 .stroke-N7{stroke:#FFFFFF;}
+		.d2-685014647 .stroke-B1{stroke:#0D32B2;}
+		.d2-685014647 .stroke-B2{stroke:#0D32B2;}
+		.d2-685014647 .stroke-B3{stroke:#E3E9FD;}
+		.d2-685014647 .stroke-B4{stroke:#E3E9FD;}
+		.d2-685014647 .stroke-B5{stroke:#EDF0FD;}
+		.d2-685014647 .stroke-B6{stroke:#F7F8FE;}
+		.d2-685014647 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-685014647 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-685014647 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-685014647 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-685014647 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-685014647 .background-color-N1{background-color:#0A0F25;}
+		.d2-685014647 .background-color-N2{background-color:#676C7E;}
+		.d2-685014647 .background-color-N3{background-color:#9499AB;}
+		.d2-685014647 .background-color-N4{background-color:#CFD2DD;}
+		.d2-685014647 .background-color-N5{background-color:#DEE1EB;}
+		.d2-685014647 .background-color-N6{background-color:#EEF1F8;}
+		.d2-685014647 .background-color-N7{background-color:#FFFFFF;}
+		.d2-685014647 .background-color-B1{background-color:#0D32B2;}
+		.d2-685014647 .background-color-B2{background-color:#0D32B2;}
+		.d2-685014647 .background-color-B3{background-color:#E3E9FD;}
+		.d2-685014647 .background-color-B4{background-color:#E3E9FD;}
+		.d2-685014647 .background-color-B5{background-color:#EDF0FD;}
+		.d2-685014647 .background-color-B6{background-color:#F7F8FE;}
+		.d2-685014647 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-685014647 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-685014647 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-685014647 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-685014647 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-685014647 .color-N1{color:#0A0F25;}
+		.d2-685014647 .color-N2{color:#676C7E;}
+		.d2-685014647 .color-N3{color:#9499AB;}
+		.d2-685014647 .color-N4{color:#CFD2DD;}
+		.d2-685014647 .color-N5{color:#DEE1EB;}
+		.d2-685014647 .color-N6{color:#EEF1F8;}
+		.d2-685014647 .color-N7{color:#FFFFFF;}
+		.d2-685014647 .color-B1{color:#0D32B2;}
+		.d2-685014647 .color-B2{color:#0D32B2;}
+		.d2-685014647 .color-B3{color:#E3E9FD;}
+		.d2-685014647 .color-B4{color:#E3E9FD;}
+		.d2-685014647 .color-B5{color:#EDF0FD;}
+		.d2-685014647 .color-B6{color:#F7F8FE;}
+		.d2-685014647 .color-AA2{color:#4A6FF3;}
+		.d2-685014647 .color-AA4{color:#EDF0FD;}
+		.d2-685014647 .color-AA5{color:#F7F8FE;}
+		.d2-685014647 .color-AB4{color:#EDF0FD;}
+		.d2-685014647 .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="a"><g class="shape" ><rect x="35.000000" y="12.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="75.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="12.000000" y="158.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="196.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><rect x="85.000000" y="158.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="111.500000" y="196.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 61.666000 80.000000 L 61.666000 108.000000 S 61.666000 118.000000 51.666000 118.000000 L 48.500000 118.000000 S 38.500000 118.000000 38.500000 128.000000 L 38.500000 154.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-685014647)" /></g><g id="(a -&gt; c)[0]"><path d="M 88.333000 80.000000 L 88.333000 108.000000 S 88.333000 118.000000 98.333000 118.000000 L 101.500000 118.000000 S 111.500000 118.000000 111.500000 128.000000 L 111.500000 154.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-685014647)" /></g><mask id="d2-685014647" maskUnits="userSpaceOnUse" x="11" y="11" width="128" height="214">
 <rect x="11" y="11" width="128" height="214" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/testdata/sanity/child_to_child/dagre/board.exp.json

@@ -199,7 +199,7 @@
         },
         {
           "x": 67,
-          "y": 160.1
+          "y": 160.10000610351562
         },
         {
           "x": 67,
@@ -215,7 +215,7 @@
         },
         {
           "x": 67,
-          "y": 280.1
+          "y": 280.1000061035156
         },
         {
           "x": 67,