From 38af9bcc3d7403c3ab3a0bb5a33ba21aff16cc09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?0hm=E2=98=98=EF=B8=8F?= <git8ankanroy@gmail.com>
Date: Wed, 15 Oct 2025 06:33:51 +0530
Subject: [PATCH 1/6] Fix: extra net label in repro61, or remove trace

---
 .../LongDistancePairSolver.ts                 |   9 +-
 .../MspConnectionPairSolver.ts                |  10 ++
 tests/assets/unconnect-gnd-vcc.json           |   1 +
 .../examples/__snapshots__/example29.snap.svg | 112 ++++++++++++++++++
 tests/examples/example29.test.ts              |  12 ++
 5 files changed, 142 insertions(+), 2 deletions(-)
 create mode 100644 tests/assets/unconnect-gnd-vcc.json
 create mode 100644 tests/examples/__snapshots__/example29.snap.svg
 create mode 100644 tests/examples/example29.test.ts

diff --git a/lib/solvers/LongDistancePairSolver/LongDistancePairSolver.ts b/lib/solvers/LongDistancePairSolver/LongDistancePairSolver.ts
index 31e0df3..2bebb9e 100644
--- a/lib/solvers/LongDistancePairSolver/LongDistancePairSolver.ts
+++ b/lib/solvers/LongDistancePairSolver/LongDistancePairSolver.ts
@@ -72,8 +72,13 @@ export class LongDistancePairSolver extends BaseSolver {
     > = []
     const addedPairKeys = new Set<string>()
 
-    for (const netId of Object.keys(netConnMap.netMap)) {
-      const allPinIdsInNet = netConnMap.getIdsConnectedToNet(netId)
+    for (const internalNetId of Object.keys(netConnMap.netMap)) {
+      const [originalNetId, ...allPinIdsInNet] = netConnMap.getIdsConnectedToNet(internalNetId)
+
+      if (originalNetId === "GND" || originalNetId === "VCC") {
+        continue
+      }
+
       if (allPinIdsInNet.length < 2) continue
 
       const unconnectedPinIds = allPinIdsInNet.filter(
diff --git a/lib/solvers/MspConnectionPairSolver/MspConnectionPairSolver.ts b/lib/solvers/MspConnectionPairSolver/MspConnectionPairSolver.ts
index 48b46c9..c51b74c 100644
--- a/lib/solvers/MspConnectionPairSolver/MspConnectionPairSolver.ts
+++ b/lib/solvers/MspConnectionPairSolver/MspConnectionPairSolver.ts
@@ -94,6 +94,16 @@ export class MspConnectionPairSolver extends BaseSolver {
     const dcNetId = this.queuedDcNetIds.shift()!
 
     const allIds = this.globalConnMap.getIdsConnectedToNet(dcNetId) as string[]
+
+    // Find the user-facing net ID (if any) to check for exclusion
+    const firstPinId = allIds.find((id) => !!this.pinMap[id])
+    if (firstPinId) {
+      const userNetId = this.userNetIdByPinId[firstPinId]
+      if (userNetId === "GND" || userNetId === "VCC") {
+        return
+      }
+    }
+
     const directlyConnectedPins = allIds.filter((id) => !!this.pinMap[id])
 
     if (directlyConnectedPins.length <= 1) {
diff --git a/tests/assets/unconnect-gnd-vcc.json b/tests/assets/unconnect-gnd-vcc.json
new file mode 100644
index 0000000..a654cf7
--- /dev/null
+++ b/tests/assets/unconnect-gnd-vcc.json
@@ -0,0 +1 @@
+{"chips":[{"chipId":"schematic_component_0","center":{"x":2,"y":0},"width":0.53,"height":1.1,"pins":[{"pinId":"C1.1","x":2,"y":-0.55},{"pinId":"C1.2","x":2,"y":0.55}]},{"chipId":"schematic_component_1","center":{"x":0,"y":0},"width":0.53,"height":1.1,"pins":[{"pinId":"C2.1","x":-3.469446951953614e-17,"y":-0.55},{"pinId":"C2.2","x":3.469446951953614e-17,"y":0.55}]}],"directConnections":[],"netConnections":[{"netId":"GND","pinIds":["C1.1","C2.1"],"netLabelWidth":0.3},{"netId":"VCC","pinIds":["C1.2","C2.2"],"netLabelWidth":0.3}],"availableNetLabelOrientations":{"GND":["y-"],"VCC":["y+"]},"maxMspPairDistance":2.4}
\ No newline at end of file
diff --git a/tests/examples/__snapshots__/example29.snap.svg b/tests/examples/__snapshots__/example29.snap.svg
new file mode 100644
index 0000000..686f3f3
--- /dev/null
+++ b/tests/examples/__snapshots__/example29.snap.svg
@@ -0,0 +1,112 @@
+<svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="white" />
+  <g>
+    <circle data-type="point" data-label="C1.1
+y-" data-x="2" data-y="-0.55" cx="541.3438735177865" cy="441.7391304347826" r="3" fill="hsl(121, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="C1.2
+y+" data-x="2" data-y="0.55" cx="541.3438735177865" cy="198.26086956521738" r="3" fill="hsl(122, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="C2.1
+y-" data-x="-3.469446951953614e-17" data-y="-0.55" cx="98.65612648221345" cy="441.7391304347826" r="3" fill="hsl(2, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="C2.2
+y+" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="198.26086956521738" r="3" fill="hsl(3, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="2" data-y="-0.55" cx="541.3438735177865" cy="441.7391304347826" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="-3.469446951953614e-17" data-y="-0.55" cx="98.65612648221345" cy="441.7391304347826" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="2" data-y="0.55" cx="541.3438735177865" cy="198.26086956521738" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="198.26086956521738" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <polyline data-points="2,-0.55 -3.469446951953614e-17,-0.55" data-type="line" data-label="" points="541.3438735177865,441.7391304347826 98.65612648221345,441.7391304347826" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="2,0.55 3.469446951953614e-17,0.55" data-type="line" data-label="" points="541.3438735177865,198.26086956521738 98.65612648221348,198.26086956521738" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_0" data-x="2" data-y="0" x="482.6877470355731" y="198.26086956521738" width="117.31225296442688" height="243.47826086956525" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.004517857142857144" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_1" data-x="0" data-y="0" x="40.00000000000003" y="198.26086956521738" width="117.31225296442688" height="243.47826086956525" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.004517857142857144" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="2" data-y="-0.7010000000000001" x="519.2094861660079" y="441.9604743083004" width="44.26877470355737" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-3.469446951953614e-17" data-y="-0.7010000000000001" x="76.52173913043481" y="441.9604743083004" width="44.26877470355731" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="2" data-y="0.7010000000000001" x="519.2094861660079" y="131.63636363636363" width="44.26877470355737" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="3.469446951953614e-17" data-y="0.7010000000000001" x="76.52173913043481" y="131.63636363636363" width="44.26877470355731" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+  </g>
+  <g id="crosshair" style="display: none">
+    <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
+    <line id="crosshair-v" x1="0" x2="640" stroke="#666" stroke-width="0.5" /><text id="coordinates" font-family="monospace" font-size="12" fill="#666"></text>
+  </g>
+  <script>
+    <![CDATA[
+    document.currentScript.parentElement.addEventListener('mousemove', (e) => {
+      const svg = e.currentTarget;
+      const rect = svg.getBoundingClientRect();
+      const x = e.clientX - rect.left;
+      const y = e.clientY - rect.top;
+      const crosshair = svg.getElementById('crosshair');
+      const h = svg.getElementById('crosshair-h');
+      const v = svg.getElementById('crosshair-v');
+      const coords = svg.getElementById('coordinates');
+
+      crosshair.style.display = 'block';
+      h.setAttribute('x1', '0');
+      h.setAttribute('x2', '640');
+      h.setAttribute('y1', y);
+      h.setAttribute('y2', y);
+      v.setAttribute('x1', x);
+      v.setAttribute('x2', x);
+      v.setAttribute('y1', '0');
+      v.setAttribute('y2', '640');
+
+      // Calculate real coordinates using inverse transformation
+      const matrix = {
+        "a": 221.34387351778653,
+        "c": 0,
+        "e": 98.65612648221347,
+        "b": 0,
+        "d": -221.34387351778653,
+        "f": 320
+      };
+      // Manually invert and apply the affine transform
+      // Since we only use translate and scale, we can directly compute:
+      // x' = (x - tx) / sx
+      // y' = (y - ty) / sy
+      const sx = matrix.a;
+      const sy = matrix.d;
+      const tx = matrix.e;
+      const ty = matrix.f;
+      const realPoint = {
+        x: (x - tx) / sx,
+        y: (y - ty) / sy // Flip y back since we used negative scale
+      }
+
+      coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
+      coords.setAttribute('x', (x + 5).toString());
+      coords.setAttribute('y', (y - 5).toString());
+    });
+    document.currentScript.parentElement.addEventListener('mouseleave', () => {
+      document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
+    });
+    ]]>
+  </script>
+</svg>
\ No newline at end of file
diff --git a/tests/examples/example29.test.ts b/tests/examples/example29.test.ts
new file mode 100644
index 0000000..7b2910a
--- /dev/null
+++ b/tests/examples/example29.test.ts
@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import "tests/fixtures/matcher"
+import inputProblem from "../assets/unconnect-gnd-vcc.json"
+
+test("example28", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem as any)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

From f9346401931958a087434610e40d049c884af3de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?0hm=E2=98=98=EF=B8=8F?= <git8ankanroy@gmail.com>
Date: Wed, 15 Oct 2025 07:07:14 +0530
Subject: [PATCH 2/6] WIP

---
 .../LongDistancePairSolver.ts                 |   3 +-
 .../examples/__snapshots__/example01.snap.svg |  67 +++++----
 .../examples/__snapshots__/example02.snap.svg |  26 ++--
 .../examples/__snapshots__/example12.snap.svg |  60 ++++----
 .../examples/__snapshots__/example15.snap.svg |  84 +++++++----
 .../examples/__snapshots__/example16.snap.svg |  57 ++++----
 .../examples/__snapshots__/example21.snap.svg | 136 +++++++++---------
 .../examples/__snapshots__/example22.snap.svg |  49 ++++---
 .../examples/__snapshots__/example23.snap.svg |  49 ++++---
 .../examples/__snapshots__/example24.snap.svg |  53 +++----
 .../examples/__snapshots__/example27.snap.svg |   9 +-
 .../examples/__snapshots__/example29.snap.svg |  34 ++---
 12 files changed, 344 insertions(+), 283 deletions(-)

diff --git a/lib/solvers/LongDistancePairSolver/LongDistancePairSolver.ts b/lib/solvers/LongDistancePairSolver/LongDistancePairSolver.ts
index 2bebb9e..a06bdc2 100644
--- a/lib/solvers/LongDistancePairSolver/LongDistancePairSolver.ts
+++ b/lib/solvers/LongDistancePairSolver/LongDistancePairSolver.ts
@@ -73,7 +73,8 @@ export class LongDistancePairSolver extends BaseSolver {
     const addedPairKeys = new Set<string>()
 
     for (const internalNetId of Object.keys(netConnMap.netMap)) {
-      const [originalNetId, ...allPinIdsInNet] = netConnMap.getIdsConnectedToNet(internalNetId)
+      const [originalNetId, ...allPinIdsInNet] =
+        netConnMap.getIdsConnectedToNet(internalNetId)
 
       if (originalNetId === "GND" || originalNetId === "VCC") {
         continue
diff --git a/tests/examples/__snapshots__/example01.snap.svg b/tests/examples/__snapshots__/example01.snap.svg
index 293bf05..d682db5 100644
--- a/tests/examples/__snapshots__/example01.snap.svg
+++ b/tests/examples/__snapshots__/example01.snap.svg
@@ -2,97 +2,106 @@
   <rect width="100%" height="100%" fill="white" />
   <g>
     <circle data-type="point" data-label="U1.1
-x-" data-x="-0.8" data-y="0.2" cx="422.5742574257426" cy="278.4158415841584" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
+x-" data-x="-0.8" data-y="0.2" cx="422.5742574257426" cy="303.36633663366337" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.2
-x-" data-x="-0.8" data-y="0" cx="422.5742574257426" cy="300.5940594059406" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
+x-" data-x="-0.8" data-y="0" cx="422.5742574257426" cy="325.54455445544556" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.3
-x-" data-x="-0.8" data-y="-0.2" cx="422.5742574257426" cy="322.7722772277228" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
+x-" data-x="-0.8" data-y="-0.2" cx="422.5742574257426" cy="347.72277227722776" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.4
-x+" data-x="0.8" data-y="-0.2" cx="600" cy="322.7722772277228" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
+x+" data-x="0.8" data-y="-0.2" cx="600" cy="347.72277227722776" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.5
-x+" data-x="0.8" data-y="0" cx="600" cy="300.5940594059406" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
+x+" data-x="0.8" data-y="0" cx="600" cy="325.54455445544556" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.6
-x+" data-x="0.8" data-y="0.2" cx="600" cy="278.4158415841584" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
+x+" data-x="0.8" data-y="0.2" cx="600" cy="303.36633663366337" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C1.1
-y+" data-x="-2" data-y="0.5" cx="289.50495049504957" cy="245.14851485148515" r="3" fill="hsl(121, 100%, 50%, 0.8)" />
+y+" data-x="-2" data-y="0.5" cx="289.50495049504957" cy="270.0990099009901" r="3" fill="hsl(121, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C1.2
-y-" data-x="-2" data-y="-0.5" cx="289.50495049504957" cy="356.03960396039605" r="3" fill="hsl(122, 100%, 50%, 0.8)" />
+y-" data-x="-2" data-y="-0.5" cx="289.50495049504957" cy="380.99009900990103" r="3" fill="hsl(122, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C2.1
-y+" data-x="-4" data-y="0.5" cx="67.72277227722776" cy="245.14851485148515" r="3" fill="hsl(2, 100%, 50%, 0.8)" />
+y+" data-x="-4" data-y="0.5" cx="67.72277227722776" cy="270.0990099009901" r="3" fill="hsl(2, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C2.2
-y-" data-x="-4" data-y="-0.5" cx="67.72277227722776" cy="356.03960396039605" r="3" fill="hsl(3, 100%, 50%, 0.8)" />
+y-" data-x="-4" data-y="-0.5" cx="67.72277227722776" cy="380.99009900990103" r="3" fill="hsl(3, 100%, 50%, 0.8)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="-1.1" data-y="0.20000000000000018" cx="389.3069306930693" cy="278.4158415841584" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="-0.8" data-y="0.2" cx="422.5742574257426" cy="303.36633663366337" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="-1.275" data-y="0" cx="369.90099009900996" cy="300.5940594059406" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="-2" data-y="0.5" cx="289.50495049504957" cy="270.0990099009901" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="-1.4" data-y="-0.7" cx="356.0396039603961" cy="378.2178217821782" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="-1.275" data-y="0" cx="369.90099009900996" cy="325.54455445544556" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="-0.8,0.2 -2,0.5" data-type="line" data-label="" points="422.5742574257426,278.4158415841584 289.50495049504957,245.14851485148515" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" />
+    <circle data-type="point" data-label="" data-x="-0.8" data-y="-0.2" cx="422.5742574257426" cy="347.72277227722776" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="-0.8,0 -4,0.5" data-type="line" data-label="" points="422.5742574257426,300.5940594059406 67.72277227722776,245.14851485148515" fill="none" stroke="hsl(57, 100%, 50%, 0.8)" stroke-width="1" />
+    <circle data-type="point" data-label="" data-x="-4" data-y="-0.5" cx="67.72277227722776" cy="380.99009900990103" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="-0.8,-0.2 -4,-0.5" data-type="line" data-label="" points="422.5742574257426,322.7722772277228 67.72277227722776,356.03960396039605" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <circle data-type="point" data-label="" data-x="-2" data-y="-0.5" cx="289.50495049504957" cy="380.99009900990103" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="-0.8,-0.2 -2,-0.5" data-type="line" data-label="" points="422.5742574257426,322.7722772277228 289.50495049504957,356.03960396039605" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="-0.8,0.2 -2,0.5" data-type="line" data-label="" points="422.5742574257426,303.36633663366337 289.50495049504957,270.0990099009901" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" />
   </g>
   <g>
-    <polyline data-points="-4,-0.5 -2,-0.5" data-type="line" data-label="" points="67.72277227722776,356.03960396039605 289.50495049504957,356.03960396039605" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="-0.8,0 -4,0.5" data-type="line" data-label="" points="422.5742574257426,325.54455445544556 67.72277227722776,270.0990099009901" fill="none" stroke="hsl(57, 100%, 50%, 0.8)" stroke-width="1" />
   </g>
   <g>
-    <polyline data-points="-0.8,0.20000000000000018 -1.4,0.20000000000000018 -1.4,0.6 -2,0.6 -2,0.5" data-type="line" data-label="" points="422.5742574257426,278.4158415841584 356.0396039603961,278.4158415841584 356.0396039603961,234.05940594059405 289.50495049504957,234.05940594059405 289.50495049504957,245.14851485148515" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="-0.8,-0.2 -4,-0.5" data-type="line" data-label="" points="422.5742574257426,347.72277227722776 67.72277227722776,380.99009900990103" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="-0.7999999999999998,0 -1.275,0 -1.275,0.8000000000000002 -4,0.8000000000000002 -4,0.5" data-type="line" data-label="" points="422.57425742574264,300.5940594059406 369.90099009900996,300.5940594059406 369.90099009900996,211.88118811881185 67.72277227722776,211.88118811881185 67.72277227722776,245.14851485148515" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="-0.8,-0.2 -2,-0.5" data-type="line" data-label="" points="422.5742574257426,347.72277227722776 289.50495049504957,380.99009900990103" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="-0.8,-0.20000000000000018 -1.4,-0.20000000000000018 -1.4,-0.7 -2,-0.7 -2,-0.5" data-type="line" data-label="" points="422.5742574257426,322.7722772277228 356.0396039603961,322.7722772277228 356.0396039603961,378.2178217821782 289.50495049504957,378.2178217821782 289.50495049504957,356.03960396039605" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="-4,-0.5 -2,-0.5" data-type="line" data-label="" points="67.72277227722776,380.99009900990103 289.50495049504957,380.99009900990103" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="-4,-0.5 -4,-0.7000000000000002 -2,-0.7000000000000002 -2,-0.5" data-type="line" data-label="" points="67.72277227722776,356.03960396039605 67.72277227722776,378.21782178217825 289.50495049504957,378.21782178217825 289.50495049504957,356.03960396039605" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="-0.7999999999999998,0 -1.275,0 -1.275,1.051 -4,1.051 -4,0.5" data-type="line" data-label="" points="422.57425742574264,325.54455445544556 369.90099009900996,325.54455445544556 369.90099009900996,208.9980198019802 67.72277227722776,208.9980198019802 67.72277227722776,270.0990099009901" fill="none" stroke="purple" stroke-width="1" />
   </g>
   <g>
-    <rect data-type="rect" data-label="U1" data-x="0" data-y="0" x="422.5742574257426" y="267.3267326732673" width="177.4257425742574" height="66.53465346534654" fill="hsl(164, 100%, 50%, 0.8)" stroke="black" stroke-width="0.009017857142857143" />
+    <rect data-type="rect" data-label="U1" data-x="0" data-y="0" x="422.5742574257426" y="292.2772277227723" width="177.4257425742574" height="66.53465346534654" fill="hsl(164, 100%, 50%, 0.8)" stroke="black" stroke-width="0.009017857142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="C1" data-x="-2" data-y="0" x="261.7821782178218" y="245.14851485148515" width="55.445544554455466" height="110.8910891089109" fill="hsl(326, 100%, 50%, 0.8)" stroke="black" stroke-width="0.009017857142857143" />
+    <rect data-type="rect" data-label="C1" data-x="-2" data-y="0" x="261.7821782178218" y="270.0990099009901" width="55.445544554455466" height="110.89108910891093" fill="hsl(326, 100%, 50%, 0.8)" stroke="black" stroke-width="0.009017857142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="C2" data-x="-4" data-y="0" x="40.00000000000006" y="245.14851485148515" width="55.44554455445541" height="110.8910891089109" fill="hsl(327, 100%, 50%, 0.8)" stroke="black" stroke-width="0.009017857142857143" />
+    <rect data-type="rect" data-label="C2" data-x="-4" data-y="0" x="40.00000000000006" y="270.0990099009901" width="55.44554455445541" height="110.89108910891093" fill="hsl(327, 100%, 50%, 0.8)" stroke="black" stroke-width="0.009017857142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="-1.1" data-y="0.42500000000000016" x="378.21782178217825" y="228.51485148514848" width="22.178217821782198" height="49.9009900990099" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.009017857142857143" />
+    <rect data-type="rect" data-label="" data-x="-1.026" data-y="0.2" x="372.56237623762377" y="292.2772277227723" width="49.90099009900996" height="22.178217821782198" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.009017857142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="-1.5" data-y="0" x="320" y="289.5049504950495" width="49.90099009900996" height="22.17821782178214" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.009017857142857143" />
+    <rect data-type="rect" data-label="" data-x="-2" data-y="0.726" x="278.41584158415844" y="220.0871287128713" width="22.178217821782198" height="49.90099009900993" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.009017857142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="-1.4" data-y="-0.9249999999999999" x="344.950495049505" y="378.2178217821782" width="22.178217821782198" height="49.9009900990099" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.009017857142857143" />
+    <rect data-type="rect" data-label="" data-x="-1.5" data-y="0" x="320" y="314.4554455445545" width="49.90099009900996" height="22.17821782178214" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.009017857142857143" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-1.026" data-y="-0.2" x="372.56237623762377" y="336.63366336633663" width="49.90099009900996" height="22.178217821782198" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.009017857142857143" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-4" data-y="-0.726" x="56.63366336633669" y="381.1009900990099" width="22.17821782178214" height="49.90099009900996" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.009017857142857143" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-2" data-y="-0.726" x="278.41584158415844" y="381.1009900990099" width="22.178217821782198" height="49.90099009900996" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.009017857142857143" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
@@ -127,7 +136,7 @@ y-" data-x="-4" data-y="-0.5" cx="67.72277227722776" cy="356.03960396039605" r="
         "e": 511.2871287128713,
         "b": 0,
         "d": -110.89108910891089,
-        "f": 300.5940594059406
+        "f": 325.54455445544556
       };
       // Manually invert and apply the affine transform
       // Since we only use translate and scale, we can directly compute:
diff --git a/tests/examples/__snapshots__/example02.snap.svg b/tests/examples/__snapshots__/example02.snap.svg
index 517b23b..757e5ea 100644
--- a/tests/examples/__snapshots__/example02.snap.svg
+++ b/tests/examples/__snapshots__/example02.snap.svg
@@ -56,7 +56,13 @@ x+" data-x="1" data-y="0.1" cx="500.20151295522464" cy="324.189420823755" r="3"
     <circle data-type="point" data-label="" data-x="-1.4574283249999997" data-y="1.3024186000000004" cx="292.2176463362275" cy="222.4230062437483" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="-3.0434765500000003" data-y="-0.2000000000000004" cx="157.98282893633558" cy="349.5798500586337" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="-1" data-y="0" cx="330.93198472269955" cy="332.6528972353812" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="-1.9143099500000003" data-y="-0.2000000000000004" cx="253.54957777529776" cy="349.5798500586337" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="-4.17264315" data-y="-2.220446049250313e-16" cx="62.41608009737348" cy="332.6528972353812" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
     <circle data-type="point" data-label="" data-x="1.9148566499999995" data-y="-1.0024186000000008" cx="577.6301897281687" cy="417.4923589921354" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
@@ -161,20 +167,14 @@ x+" data-x="1" data-y="0.1" cx="500.20151295522464" cy="324.189420823755" r="3"
     <polyline data-points="-1,0.20000000000000018 -1.4574283249999997,0.20000000000000018 -1.4574283249999997,1.3024186000000004 -1.9148566499999995,1.3024186000000004 -1.9148566499999995,1.1024186000000005" data-type="line" data-label="" points="330.93198472269955,315.7259444121287 292.2176463362275,315.7259444121287 292.2176463362275,222.4230062437483 253.50330794975545,222.4230062437483 253.50330794975545,239.34995906700078" fill="none" stroke="purple" stroke-width="1" />
   </g>
   <g>
-    <polyline data-points="-1,-0.2 -1.1,-0.2 -1.1,-0.30000000000000004 -1.3,-0.30000000000000004 -1.3,0.2 -1,0.2" data-type="line" data-label="" points="330.93198472269955,349.5798500586337 322.4685083110733,349.5798500586337 322.4685083110733,358.04332647025996 305.5415554878208,358.04332647025996 305.5415554878208,315.7259444121287 330.93198472269955,315.7259444121287" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="-1,-0.2 -1.2,-0.2 -1.2,0.2 -1,0.2" data-type="line" data-label="" points="330.93198472269955,349.5798500586337 314.0050318994471,349.5798500586337 314.0050318994471,315.7259444121287 330.93198472269955,315.7259444121287" fill="none" stroke="purple" stroke-width="1" />
   </g>
   <g>
-    <polyline data-points="-3.0434765500000003,-2.220446049250313e-16 -3.0434765500000003,-0.2000000000000004 -4.17264315,-0.2000000000000004 -4.17264315,-2.220446049250313e-16" data-type="line" data-label="" points="157.98282893633558,332.6528972353812 157.98282893633558,349.5798500586337 62.41608009737348,349.5798500586337 62.41608009737348,332.6528972353812" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="1,0.1 1.4571549750000001,0.1 1.4571549750000001,0.29999999999999966 1.9143099500000003,0.29999999999999966 1.9143099500000003,0.09999999999999964" data-type="line" data-label="" points="500.20151295522464,324.189420823755 538.8927164289255,324.189420823755 538.8927164289255,307.26246800050245 577.5839199026265,307.26246800050245 577.5839199026265,324.189420823755" fill="none" stroke="purple" stroke-width="1" />
   </g>
   <g>
     <polyline data-points="-1.9143099500000003,-2.220446049250313e-16 -1.9143099500000003,-0.2000000000000004 -3.0434765500000003,-0.2000000000000004 -3.0434765500000003,-2.220446049250313e-16" data-type="line" data-label="" points="253.54957777529776,332.6528972353812 253.54957777529776,349.5798500586337 157.98282893633558,349.5798500586337 157.98282893633558,332.6528972353812" fill="none" stroke="purple" stroke-width="1" />
   </g>
-  <g>
-    <polyline data-points="-1,0 -1.0999999999999999,0 -1.0999999999999999,-0.09999999999999995 -1.9143099500000003,-0.09999999999999995 -1.9143099500000003,0" data-type="line" data-label="" points="330.93198472269955,332.6528972353812 322.4685083110733,332.6528972353812 322.4685083110733,341.11637364700744 253.54957777529776,341.11637364700744 253.54957777529776,332.6528972353812" fill="none" stroke="purple" stroke-width="1" />
-  </g>
-  <g>
-    <polyline data-points="1,0.1 1.4571549750000001,0.1 1.4571549750000001,0.29999999999999966 1.9143099500000003,0.29999999999999966 1.9143099500000003,0.09999999999999964" data-type="line" data-label="" points="500.20151295522464,324.189420823755 538.8927164289255,324.189420823755 538.8927164289255,307.26246800050245 577.5839199026265,307.26246800050245 577.5839199026265,324.189420823755" fill="none" stroke="purple" stroke-width="1" />
-  </g>
   <g>
     <rect data-type="rect" data-label="schematic_component_0" data-x="-1.9145832999999999" data-y="0.5512093000000002" x="231.13349767792428" y="239.34995906700078" width="44.78589036920462" height="93.30293816838042" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.011815475714285715" />
   </g>
@@ -194,7 +194,13 @@ x+" data-x="1" data-y="0.1" cx="500.20151295522464" cy="324.189420823755" r="3"
     <rect data-type="rect" data-label="" data-x="-1.4574283249999997" data-y="1.5274186000000005" x="283.75416992460123" y="184.33736239143013" width="16.926952823252577" height="38.08564385231816" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011815475714285715" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="-3.0434765500000003" data-y="-0.4250000000000004" x="149.51935252470935" y="349.5798500586337" width="16.926952823252492" height="38.085643852318185" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011815475714285715" />
+    <rect data-type="rect" data-label="" data-x="-1.226" data-y="0" x="292.76170610626514" y="324.189420823755" width="38.085643852318185" height="16.926952823252464" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011815475714285715" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-1.9143099500000003" data-y="-0.4250000000000004" x="245.0861013636715" y="349.5798500586337" width="16.92695282325252" height="38.085643852318185" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011815475714285715" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-4.17264315" data-y="-0.22600000000000023" x="53.95260368574725" y="332.7375319994975" width="16.926952823252407" height="38.08564385231813" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011815475714285715" />
   </g>
   <g>
     <rect data-type="rect" data-label="" data-x="1.9148566499999995" data-y="-1.2284186000000008" x="569.1667133165424" y="417.5769937562517" width="16.926952823252577" height="38.08564385231813" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011815475714285715" />
diff --git a/tests/examples/__snapshots__/example12.snap.svg b/tests/examples/__snapshots__/example12.snap.svg
index 42504a0..e05ba7a 100644
--- a/tests/examples/__snapshots__/example12.snap.svg
+++ b/tests/examples/__snapshots__/example12.snap.svg
@@ -2,88 +2,94 @@
   <rect width="100%" height="100%" fill="white" />
   <g>
     <circle data-type="point" data-label="J1.1
-x+" data-x="1.1" data-y="0.2" cx="288.33702882483374" cy="207.43247369481963" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
+x+" data-x="1.1" data-y="0.2" cx="288.33702882483374" cy="210.56742672848225" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.2
-x+" data-x="1.1" data-y="0" cx="288.33702882483374" cy="230.00856722434997" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
+x+" data-x="1.1" data-y="0" cx="288.33702882483374" cy="233.1435202580126" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.3
-x+" data-x="1.1" data-y="-0.2" cx="288.33702882483374" cy="252.5846607538803" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
+x+" data-x="1.1" data-y="-0.2" cx="288.33702882483374" cy="255.71961378754293" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="R1.1
-x-" data-x="0.5499999999999996" data-y="-1.7944553499999996" cx="226.25277161862525" cy="432.5675263051804" r="3" fill="hsl(226, 100%, 50%, 0.8)" />
+x-" data-x="0.5499999999999996" data-y="-1.7944553499999996" cx="226.25277161862525" cy="435.702479338843" r="3" fill="hsl(226, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="R1.2
-x+" data-x="1.6499999999999997" data-y="-1.7944553499999996" cx="350.4212860310421" cy="432.5675263051804" r="3" fill="hsl(227, 100%, 50%, 0.8)" />
+x+" data-x="1.6499999999999997" data-y="-1.7944553499999996" cx="350.4212860310421" cy="435.702479338843" r="3" fill="hsl(227, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C1.1
-x-" data-x="2.3099999999999996" data-y="0.01999999999999985" cx="424.9223946784922" cy="227.75095787139696" r="3" fill="hsl(121, 100%, 50%, 0.8)" />
+x-" data-x="2.3099999999999996" data-y="0.01999999999999985" cx="424.9223946784922" cy="230.88591090505957" r="3" fill="hsl(121, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C1.2
-x+" data-x="3.41" data-y="0.01999999999999985" cx="549.090909090909" cy="227.75095787139696" r="3" fill="hsl(122, 100%, 50%, 0.8)" />
+x+" data-x="3.41" data-y="0.01999999999999985" cx="549.090909090909" cy="230.88591090505957" r="3" fill="hsl(122, 100%, 50%, 0.8)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.3" data-y="0.2" cx="310.9131223543641" cy="207.43247369481963" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.1" data-y="0.2" cx="288.33702882483374" cy="210.56742672848225" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.3" data-y="-0.4486138374999999" cx="310.9131223543641" cy="280.6483069945576" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="2.3099999999999996" data-y="0.01999999999999985" cx="424.9223946784922" cy="230.88591090505957" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.8499999999999996" data-y="-1.7944553499999996" cx="372.9973795605724" cy="432.5675263051804" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.3" data-y="0" cx="310.9131223543641" cy="233.1435202580126" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="3.41" data-y="0.01999999999999985" cx="549.090909090909" cy="227.75095787139696" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.1" data-y="-0.2" cx="288.33702882483374" cy="255.71961378754293" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.1,0.2 2.3099999999999996,0.01999999999999985" data-type="line" data-label="" points="288.33702882483374,207.43247369481963 424.9223946784922,227.75095787139696" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <circle data-type="point" data-label="" data-x="1.6499999999999997" data-y="-1.7944553499999996" cx="350.4212860310421" cy="435.702479338843" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.1,0 0.5499999999999996,-1.7944553499999996" data-type="line" data-label="" points="288.33702882483374,230.00856722434997 226.25277161862525,432.5675263051804" fill="none" stroke="hsl(158, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <circle data-type="point" data-label="" data-x="3.41" data-y="0.01999999999999985" cx="549.090909090909" cy="230.88591090505957" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.1,-0.2 1.6499999999999997,-1.7944553499999996" data-type="line" data-label="" points="288.33702882483374,252.5846607538803 350.4212860310421,432.5675263051804" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.1,0.2 2.3099999999999996,0.01999999999999985" data-type="line" data-label="" points="288.33702882483374,210.56742672848225 424.9223946784922,230.88591090505957" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.1,-0.2 3.41,0.01999999999999985" data-type="line" data-label="" points="288.33702882483374,252.5846607538803 549.090909090909,227.75095787139696" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.1,0 0.5499999999999996,-1.7944553499999996" data-type="line" data-label="" points="288.33702882483374,233.1435202580126 226.25277161862525,435.702479338843" fill="none" stroke="hsl(158, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.6499999999999997,-1.7944553499999996 3.41,0.01999999999999985" data-type="line" data-label="" points="350.4212860310421,432.5675263051804 549.090909090909,227.75095787139696" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.1,-0.2 1.6499999999999997,-1.7944553499999996" data-type="line" data-label="" points="288.33702882483374,255.71961378754293 350.4212860310421,435.702479338843" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.1,0.2 1.3,0.2 1.7049999999999998,0.2 1.7049999999999998,0.01999999999999985 2.1099999999999994,0.01999999999999985 2.3099999999999996,0.01999999999999985" data-type="line" data-label="" points="288.33702882483374,207.43247369481963 310.9131223543641,207.43247369481963 356.62971175166297,207.43247369481963 356.62971175166297,227.75095787139696 402.34630114896186,227.75095787139696 424.9223946784922,227.75095787139696" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="1.1,-0.2 3.41,0.01999999999999985" data-type="line" data-label="" points="288.33702882483374,255.71961378754293 549.090909090909,230.88591090505957" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.1,0 1.3,0 1.3,-0.8972276749999998 0.34999999999999964,-0.8972276749999998 0.34999999999999964,-1.7944553499999996 0.5499999999999996,-1.7944553499999996" data-type="line" data-label="" points="288.33702882483374,230.00856722434997 310.9131223543641,230.00856722434997 310.9131223543641,331.28804676476517 203.6766780890949,331.28804676476517 203.6766780890949,432.5675263051804 226.25277161862525,432.5675263051804" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="1.6499999999999997,-1.7944553499999996 3.41,0.01999999999999985" data-type="line" data-label="" points="350.4212860310421,435.702479338843 549.090909090909,230.88591090505957" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.6499999999999997,-1.7944553499999996 1.8499999999999996,-1.7944553499999996 1.8499999999999996,-0.2 1.1,-0.2" data-type="line" data-label="" points="350.4212860310421,432.5675263051804 372.9973795605724,432.5675263051804 372.9973795605724,252.5846607538803 288.33702882483374,252.5846607538803" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="1.1,0 1.3,0 1.3,-0.8972276749999998 0.34999999999999964,-0.8972276749999998 0.34999999999999964,-1.7944553499999996 0.5499999999999996,-1.7944553499999996" data-type="line" data-label="" points="288.33702882483374,233.1435202580126 310.9131223543641,233.1435202580126 310.9131223543641,334.4229997984278 203.6766780890949,334.4229997984278 203.6766780890949,435.702479338843 226.25277161862525,435.702479338843" fill="none" stroke="purple" stroke-width="1" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40.000000000000014" y="184.8563801652893" width="248.33702882483374" height="90.30437411812136" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008858928571428573" />
+    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40.000000000000014" y="187.9913331989519" width="248.33702882483374" height="90.30437411812136" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008858928571428573" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_1" data-x="1.0999999999999996" data-y="-1.7944553499999996" x="226.25277161862525" y="410.61731546059264" width="124.16851441241684" height="43.90042168917546" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008858928571428573" />
+    <rect data-type="rect" data-label="schematic_component_1" data-x="1.0999999999999996" data-y="-1.7944553499999996" x="226.25277161862525" y="413.7522684942553" width="124.16851441241684" height="43.9004216891754" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008858928571428573" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_2" data-x="2.86" data-y="0.01999999999999985" x="424.9223946784922" y="180.34116145938327" width="124.16851441241681" height="94.81959282402738" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008858928571428573" />
+    <rect data-type="rect" data-label="schematic_component_2" data-x="2.86" data-y="0.01999999999999985" x="424.9223946784922" y="183.47611449304588" width="124.16851441241681" height="94.81959282402738" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008858928571428573" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.3" data-y="0.42500000000000004" x="299.62507558959885" y="156.6362632533764" width="22.57609352953034" height="50.796210441443236" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008858928571428573" />
+    <rect data-type="rect" data-label="" data-x="1.326" data-y="0.2" x="288.4499092924814" y="199.27937996371708" width="50.796210441443236" height="22.57609352953034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008858928571428573" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.5250000000000001" data-y="-0.4486138374999999" x="310.9131223543641" y="269.3602602297924" width="50.796210441443236" height="22.57609352953034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008858928571428573" />
+    <rect data-type="rect" data-label="" data-x="2.0839999999999996" data-y="0.01999999999999985" x="374.01330376940126" y="219.5978641402944" width="50.79621044144329" height="22.57609352953034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008858928571428573" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.8499999999999996" data-y="-2.0194553499999994" x="361.7093327958072" y="432.56752630518037" width="22.576093529530397" height="50.79621044144329" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008858928571428573" />
+    <rect data-type="rect" data-label="" data-x="1.3" data-y="0.225" x="299.62507558959885" y="182.34730981656935" width="22.57609352953034" height="50.796210441443236" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008858928571428573" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="3.636" data-y="0.01999999999999985" x="549.2037895585568" y="216.4629111066318" width="50.796210441443236" height="22.57609352953034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008858928571428573" />
+    <rect data-type="rect" data-label="" data-x="1.326" data-y="-0.2" x="288.4499092924814" y="244.43156702277776" width="50.796210441443236" height="22.57609352953034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008858928571428573" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="1.8759999999999997" data-y="-1.7944553499999996" x="350.53416649868973" y="424.4144325740778" width="50.796210441443236" height="22.576093529530397" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008858928571428573" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="3.636" data-y="0.01999999999999985" x="549.2037895585568" y="219.5978641402944" width="50.796210441443236" height="22.57609352953034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008858928571428573" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
@@ -118,7 +124,7 @@ x+" data-x="3.41" data-y="0.01999999999999985" cx="549.090909090909" cy="227.750
         "e": 164.16851441241687,
         "b": 0,
         "d": -112.88046764765167,
-        "f": 230.00856722434997
+        "f": 233.1435202580126
       };
       // Manually invert and apply the affine transform
       // Since we only use translate and scale, we can directly compute:
diff --git a/tests/examples/__snapshots__/example15.snap.svg b/tests/examples/__snapshots__/example15.snap.svg
index fa7b2fb..0bed0b6 100644
--- a/tests/examples/__snapshots__/example15.snap.svg
+++ b/tests/examples/__snapshots__/example15.snap.svg
@@ -335,13 +335,37 @@ y-" data-x="-2.025" data-y="-2.7" cx="318.5204755614267" cy="526.0237780713342"
     <circle data-type="point" data-label="" data-x="-2.025" data-y="2.200000000000001" cx="318.5204755614267" cy="284.36811977102593" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="0.29250000000000076" data-y="5.205000000000002" cx="432.8137384412153" cy="136.16908850726549" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="-1.5675" data-y="5.405000000000002" cx="341.08322324966974" cy="126.30559225011007" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="-3.7550000000000003" data-y="2.4683333333333346" cx="233.2012329370322" cy="271.13459562600906" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="-0.6374999999999998" data-y="5.405000000000002" cx="386.94848084544253" cy="126.30559225011007" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="-2.49" data-y="-2.9000000000000004" cx="295.5878467635403" cy="535.8872743284896" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="-2.4975" data-y="5.405000000000002" cx="295.21796565389695" cy="126.30559225011007" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="0.2925000000000005" data-y="5.405000000000002" cx="432.8137384412153" cy="126.30559225011007" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="1.2225000000000006" data-y="5.405000000000002" cx="478.6789960369881" cy="126.30559225011007" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="2.1525000000000007" data-y="5.405000000000002" cx="524.5442536327608" cy="126.30559225011007" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="-4.6850000000000005" data-y="2.668333333333335" cx="187.3359753412594" cy="261.2710993688536" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="-3.7550000000000003" data-y="2.668333333333335" cx="233.2012329370322" cy="261.2710993688536" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="-6.415" data-y="2.6683333333333357" cx="102.01673271686491" cy="261.2710993688536" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="-2.025" data-y="0.900000000000001" cx="318.5204755614267" cy="348.48084544253624" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="-2.025" data-y="-2.7" cx="318.5204755614267" cy="526.0237780713342" r="3" fill="hsl(80, 100%, 50%, 0.9)" />
   </g>
   <g>
     <polyline data-points="-1.1099999999999999,1.2000000000000015 -1.5675,6.505000000000002" data-type="line" data-label="" points="363.6459709379128,333.6856010568031 341.08322324966974,72.05636283575518" fill="none" stroke="hsl(280, 100%, 50%, 0.8)" stroke-width="1" />
@@ -811,30 +835,6 @@ y-" data-x="-2.025" data-y="-2.7" cx="318.5204755614267" cy="526.0237780713342"
   <g>
     <polyline data-points="-2.025,-1.6000000000000003 -2.025,-1.4000000000000004 -1.3099999999999998,-1.4000000000000004 -1.3099999999999998,-1.6000000000000008 -1.1099999999999997,-1.6000000000000008" data-type="line" data-label="" points="318.5204755614267,471.7745486569793 318.5204755614267,461.9110523998238 353.7824746807574,461.9110523998238 353.7824746807574,471.7745486569793 363.6459709379128,471.7745486569793" fill="none" stroke="purple" stroke-width="1" />
   </g>
-  <g>
-    <polyline data-points="-0.6375000000000002,5.405000000000002 -0.6375000000000002,5.205000000000002 -1.5675,5.205000000000002 -1.5675,5.405000000000002" data-type="line" data-label="" points="386.94848084544253,126.30559225011007 386.94848084544253,136.16908850726549 341.08322324966974,136.16908850726549 341.08322324966974,126.30559225011007" fill="none" stroke="purple" stroke-width="1" />
-  </g>
-  <g>
-    <polyline data-points="-2.4975,5.405000000000002 -2.4975,5.205000000000002 -1.5674999999999994,5.205000000000002 -1.5674999999999994,5.405000000000002" data-type="line" data-label="" points="295.21796565389695,126.30559225011007 295.21796565389695,136.16908850726549 341.0832232496698,136.16908850726549 341.0832232496698,126.30559225011007" fill="none" stroke="purple" stroke-width="1" />
-  </g>
-  <g>
-    <polyline data-points="0.29250000000000076,5.405000000000002 0.29250000000000076,5.205000000000002 -0.6374999999999998,5.205000000000002 -0.6374999999999998,5.405000000000002" data-type="line" data-label="" points="432.8137384412153,126.30559225011007 432.8137384412153,136.16908850726549 386.94848084544253,136.16908850726549 386.94848084544253,126.30559225011007" fill="none" stroke="purple" stroke-width="1" />
-  </g>
-  <g>
-    <polyline data-points="1.222500000000001,5.405000000000002 1.222500000000001,5.205000000000002 0.2925000000000005,5.205000000000002 0.2925000000000005,5.405000000000002" data-type="line" data-label="" points="478.6789960369881,126.30559225011007 478.6789960369881,136.16908850726549 432.8137384412153,136.16908850726549 432.8137384412153,126.30559225011007" fill="none" stroke="purple" stroke-width="1" />
-  </g>
-  <g>
-    <polyline data-points="2.152500000000001,5.405000000000002 2.152500000000001,5.205000000000002 1.2225000000000006,5.205000000000002 1.2225000000000006,5.405000000000002" data-type="line" data-label="" points="524.5442536327608,126.30559225011007 524.5442536327608,136.16908850726549 478.6789960369881,136.16908850726549 478.6789960369881,126.30559225011007" fill="none" stroke="purple" stroke-width="1" />
-  </g>
-  <g>
-    <polyline data-points="-3.7550000000000003,2.668333333333335 -3.7550000000000003,2.4683333333333346 -4.6850000000000005,2.4683333333333346 -4.6850000000000005,2.668333333333335" data-type="line" data-label="" points="233.2012329370322,261.2710993688536 233.2012329370322,271.13459562600906 187.3359753412594,271.13459562600906 187.3359753412594,261.2710993688536" fill="none" stroke="purple" stroke-width="1" />
-  </g>
-  <g>
-    <polyline data-points="-6.415,2.6683333333333357 -6.415,2.4683333333333346 -4.6850000000000005,2.4683333333333346 -4.6850000000000005,2.668333333333335" data-type="line" data-label="" points="102.01673271686491,261.2710993688536 102.01673271686491,271.13459562600906 187.3359753412594,271.13459562600906 187.3359753412594,261.2710993688536" fill="none" stroke="purple" stroke-width="1" />
-  </g>
-  <g>
-    <polyline data-points="-2.025,0.9000000000000021 -2.025,0.7000000000000011 -2.49,0.7000000000000011 -2.49,-2.9000000000000004 -2.025,-2.9000000000000004 -2.025,-2.7" data-type="line" data-label="" points="318.5204755614267,348.4808454425362 318.5204755614267,358.3443416996917 295.5878467635403,358.3443416996917 295.5878467635403,535.8872743284896 318.5204755614267,535.8872743284896 318.5204755614267,526.0237780713342" fill="none" stroke="purple" stroke-width="1" />
-  </g>
   <g>
     <rect data-type="rect" data-label="schematic_component_0" data-x="0.79" data-y="0" x="363.6459709379128" y="185.73315719947155" width="187.40642888595323" height="414.2668428005285" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.020276785714285723" />
   </g>
@@ -890,13 +890,37 @@ y-" data-x="-2.025" data-y="-2.7" cx="318.5204755614267" cy="526.0237780713342"
     <rect data-type="rect" data-label="" data-x="-2.25" data-y="2.200000000000001" x="296.327608982827" y="279.4363716424482" width="22.192866578599705" height="9.863496257155475" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="0.29250000000000076" data-y="4.980000000000002" x="427.8819903126376" y="136.16908850726549" width="9.863496257155475" height="22.192866578599705" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
+    <rect data-type="rect" data-label="" data-x="-1.5675" data-y="5.179000000000002" x="336.15147512109206" y="126.35490973139588" width="9.863496257155418" height="22.192866578599677" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-0.6374999999999998" data-y="5.179000000000002" x="382.0167327168648" y="126.35490973139588" width="9.863496257155475" height="22.192866578599677" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-2.4975" data-y="5.179000000000002" x="290.2862175253193" y="126.35490973139588" width="9.863496257155418" height="22.192866578599677" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="0.2925000000000005" data-y="5.179000000000002" x="427.8819903126376" y="126.35490973139588" width="9.863496257155418" height="22.192866578599677" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="1.2225000000000006" data-y="5.179000000000002" x="473.7472479084104" y="126.35490973139588" width="9.863496257155418" height="22.192866578599677" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="2.1525000000000007" data-y="5.179000000000002" x="519.6125055041831" y="126.35490973139588" width="9.863496257155475" height="22.192866578599677" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-4.6850000000000005" data-y="2.442333333333335" x="182.4042272126817" y="261.3204168501394" width="9.863496257155418" height="22.192866578599705" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-3.7550000000000003" data-y="2.442333333333335" x="228.26948480845445" y="261.3204168501394" width="9.863496257155447" height="22.192866578599705" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-6.415" data-y="2.4423333333333357" x="97.08498458828723" y="261.32041685013934" width="9.863496257155418" height="22.192866578599762" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="-3.7550000000000003" data-y="2.2433333333333345" x="228.26948480845445" y="271.13459562600906" width="9.863496257155447" height="22.192866578599705" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
+    <rect data-type="rect" data-label="" data-x="-2.025" data-y="0.674000000000001" x="313.588727432849" y="348.53016292382205" width="9.863496257155418" height="22.192866578599705" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="-2.49" data-y="-3.1250000000000004" x="290.6560986349626" y="535.8872743284896" width="9.863496257155418" height="22.192866578599705" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
+    <rect data-type="rect" data-label="" data-x="-2.025" data-y="-2.926" x="313.588727432849" y="526.0730955526199" width="9.863496257155418" height="22.192866578599705" fill="hsl(80, 100%, 50%, 0.35)" stroke="black" stroke-width="0.020276785714285723" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
diff --git a/tests/examples/__snapshots__/example16.snap.svg b/tests/examples/__snapshots__/example16.snap.svg
index 5da3e53..4f977b2 100644
--- a/tests/examples/__snapshots__/example16.snap.svg
+++ b/tests/examples/__snapshots__/example16.snap.svg
@@ -2,92 +2,95 @@
   <rect width="100%" height="100%" fill="white" />
   <g>
     <circle data-type="point" data-label="U1.1
-x+" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="468.68000000000006" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="454.68000000000006" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.2
-x-" data-x="-1.2000000000000002" data-y="-0.30000000000000004" cx="40" cy="468.68000000000006" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="-0.30000000000000004" cx="40" cy="454.68000000000006" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.3
-x+" data-x="1.2000000000000002" data-y="0.09999999999999998" cx="308.80000000000007" cy="423.88000000000005" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="0.09999999999999998" cx="308.80000000000007" cy="409.88000000000005" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.4
-x-" data-x="-1.2000000000000002" data-y="0.30000000000000004" cx="40" cy="401.48" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="0.30000000000000004" cx="40" cy="387.48" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.5
-x-" data-x="-1.2000000000000002" data-y="0.10000000000000003" cx="40" cy="423.88000000000005" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="0.10000000000000003" cx="40" cy="409.88000000000005" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.6
-x-" data-x="-1.2000000000000002" data-y="-0.09999999999999998" cx="40" cy="446.28000000000003" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="-0.09999999999999998" cx="40" cy="432.28000000000003" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.7
-x+" data-x="1.2000000000000002" data-y="-0.10000000000000003" cx="308.80000000000007" cy="446.28000000000003" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="-0.10000000000000003" cx="308.80000000000007" cy="432.28000000000003" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.8
-x+" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="401.48" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="387.48" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.1
-x-" data-x="1.6" data-y="2.105" cx="353.6" cy="199.32000000000005" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
+x-" data-x="1.6" data-y="2.105" cx="353.6" cy="185.32000000000005" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.2
-x-" data-x="1.6" data-y="1.9049999999999998" cx="353.6" cy="221.72000000000006" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
+x-" data-x="1.6" data-y="1.9049999999999998" cx="353.6" cy="207.72000000000006" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.3
-x-" data-x="1.6" data-y="1.7049999999999998" cx="353.6" cy="244.12000000000006" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
+x-" data-x="1.6" data-y="1.7049999999999998" cx="353.6" cy="230.12000000000006" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="468.68000000000006" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="454.68000000000006" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.6" data-y="1.7049999999999998" cx="353.6" cy="244.12000000000006" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.6" data-y="1.7049999999999998" cx="353.6" cy="230.12000000000006" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.049" data-y="1.0025" cx="291.88800000000003" cy="322.80000000000007" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.4000000000000001" data-y="0.09999999999999998" cx="331.20000000000005" cy="409.88000000000005" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="0.9490000000000001" data-y="2.105" cx="280.68800000000005" cy="199.32000000000005" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="387.48" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.6,1.7049999999999998" data-type="line" data-label="" points="308.80000000000007,468.68000000000006 353.6,244.12000000000006" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <circle data-type="point" data-label="" data-x="1.6" data-y="2.105" cx="353.6" cy="185.32000000000005" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,0.09999999999999998 1.6,1.9049999999999998" data-type="line" data-label="" points="308.80000000000007,423.88000000000005 353.6,221.72000000000006" fill="none" stroke="hsl(158, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.6,1.7049999999999998" data-type="line" data-label="" points="308.80000000000007,454.68000000000006 353.6,230.12000000000006" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,0.30000000000000004 1.6,2.105" data-type="line" data-label="" points="308.80000000000007,401.48 353.6,199.32000000000005" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.2000000000000002,0.09999999999999998 1.6,1.9049999999999998" data-type="line" data-label="" points="308.80000000000007,409.88000000000005 353.6,207.72000000000006" fill="none" stroke="hsl(158, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,0.09999999999999998 1.4000000000000001,0.09999999999999998 1.3,1.0025 1.049,1.0025 1.049,1.905 1.6,1.9049999999999998" data-type="line" data-label="" points="308.80000000000007,423.88000000000005 331.20000000000005,423.88000000000005 320,322.80000000000007 291.88800000000003,322.80000000000007 291.88800000000003,221.72000000000003 353.6,221.72000000000006" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="1.2000000000000002,0.30000000000000004 1.6,2.105" data-type="line" data-label="" points="308.80000000000007,387.48 353.6,185.32000000000005" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,0.30000000000000004 1.5000000000000002,0.30000000000000004 1.5000000000000002,1.2025000000000001 0.9490000000000001,1.2025000000000001 0.9490000000000001,2.105 1.6,2.105" data-type="line" data-label="" points="308.80000000000007,401.48 342.4000000000001,401.48 342.4000000000001,300.40000000000003 280.68800000000005,300.40000000000003 280.68800000000005,199.32000000000005 353.6,199.32000000000005" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="1.2000000000000002,0.09999999999999998 1.4000000000000001,0.09999999999999998 1.4000000000000001,1.5049999999999994 1.049,1.5049999999999994 1.049,2.305 1.4000000000000001,2.305 1.4000000000000001,1.9049999999999998 1.6,1.9049999999999998" data-type="line" data-label="" points="308.80000000000007,409.88000000000005 331.20000000000005,409.88000000000005 331.20000000000005,252.5200000000001 291.88800000000003,252.5200000000001 291.88800000000003,162.92000000000002 331.20000000000005,162.92000000000002 331.20000000000005,207.72000000000006 353.6,207.72000000000006" fill="none" stroke="purple" stroke-width="1" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="379.08000000000004" width="268.80000000000007" height="112" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="365.08000000000004" width="268.80000000000007" height="112" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_1" data-x="2.7" data-y="1.9049999999999998" x="353.6" y="176.92000000000007" width="246.39999999999998" height="89.59999999999997" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="schematic_component_1" data-x="2.7" data-y="1.9049999999999998" x="353.6" y="162.92000000000007" width="246.39999999999998" height="89.59999999999997" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.4260000000000002" data-y="-0.30000000000000004" x="308.91200000000003" y="457.48" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.4260000000000002" data-y="-0.30000000000000004" x="308.91200000000003" y="443.48" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.374" data-y="1.7049999999999998" x="303.088" y="232.92000000000004" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.374" data-y="1.7049999999999998" x="303.088" y="218.92000000000004" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="0.824" data-y="1.0025" x="241.48800000000003" y="311.6" width="50.400000000000006" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.6250000000000002" data-y="0.09999999999999998" x="331.20000000000005" y="398.68000000000006" width="50.400000000000034" height="22.399999999999977" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="0.9490000000000001" data-y="2.33" x="269.48800000000006" y="148.92000000000002" width="22.399999999999977" height="50.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.4260000000000002" data-y="0.30000000000000004" x="308.91200000000003" y="376.28000000000003" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="1.374" data-y="2.105" x="303.088" y="174.12000000000003" width="50.400000000000034" height="22.400000000000006" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
@@ -122,7 +125,7 @@ x-" data-x="1.6" data-y="1.7049999999999998" cx="353.6" cy="244.12000000000006"
         "e": 174.40000000000003,
         "b": 0,
         "d": -112,
-        "f": 435.08000000000004
+        "f": 421.08000000000004
       };
       // Manually invert and apply the affine transform
       // Since we only use translate and scale, we can directly compute:
diff --git a/tests/examples/__snapshots__/example21.snap.svg b/tests/examples/__snapshots__/example21.snap.svg
index 5e7e7ce..28184be 100644
--- a/tests/examples/__snapshots__/example21.snap.svg
+++ b/tests/examples/__snapshots__/example21.snap.svg
@@ -2,209 +2,215 @@
   <rect width="100%" height="100%" fill="white" />
   <g>
     <circle data-type="point" data-label="CORNERS.1
-x-" data-x="-1.4" data-y="-0.6" cx="65.61715719826601" cy="304.0292037417294" r="3" fill="hsl(65, 100%, 50%, 0.8)" />
+x-" data-x="-1.4" data-y="-0.6" cx="65.61715719826601" cy="310.3855806525211" r="3" fill="hsl(65, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="CORNERS.2
-x-" data-x="-1.4" data-y="0.6" cx="65.61715719826601" cy="227.36938170203058" r="3" fill="hsl(66, 100%, 50%, 0.8)" />
+x-" data-x="-1.4" data-y="0.6" cx="65.61715719826601" cy="233.7257586128223" r="3" fill="hsl(66, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="CORNERS.3
-x+" data-x="1.4" data-y="0.6" cx="244.49007529089664" cy="227.36938170203058" r="3" fill="hsl(67, 100%, 50%, 0.8)" />
+x+" data-x="1.4" data-y="0.6" cx="244.49007529089664" cy="233.7257586128223" r="3" fill="hsl(67, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="CORNERS.4
-x+" data-x="1.4" data-y="-0.6" cx="244.49007529089664" cy="304.0292037417294" r="3" fill="hsl(68, 100%, 50%, 0.8)" />
+x+" data-x="1.4" data-y="-0.6" cx="244.49007529089664" cy="310.3855806525211" r="3" fill="hsl(68, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U100.1
-x-" data-x="3.785" data-y="-0.29999999999999993" cx="396.8514715947981" cy="284.8642482318047" r="3" fill="hsl(175, 100%, 50%, 0.8)" />
+x-" data-x="3.785" data-y="-0.29999999999999993" cx="396.8514715947981" cy="291.2206251425964" r="3" fill="hsl(175, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U100.2
-y-" data-x="4.785" data-y="-1.2999999999999998" cx="460.73465662788044" cy="348.74743326488704" r="3" fill="hsl(176, 100%, 50%, 0.8)" />
+y-" data-x="4.785" data-y="-1.2999999999999998" cx="460.73465662788044" cy="355.10381017567875" r="3" fill="hsl(176, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U100.3
-x-" data-x="3.785" data-y="-0.4999999999999999" cx="396.8514715947981" cy="297.64088523842116" r="3" fill="hsl(177, 100%, 50%, 0.8)" />
+x-" data-x="3.785" data-y="-0.4999999999999999" cx="396.8514715947981" cy="303.9972621492129" r="3" fill="hsl(177, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U100.5
-x+" data-x="5.785" data-y="-0.3999999999999999" cx="524.6178416609628" cy="291.25256673511296" r="3" fill="hsl(179, 100%, 50%, 0.8)" />
+x+" data-x="5.785" data-y="-0.3999999999999999" cx="524.6178416609628" cy="297.6089436459047" r="3" fill="hsl(179, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C101.1
-y+" data-x="6.7" data-y="-0.39999999999999925" cx="583.0709559662332" cy="291.2525667351129" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
+y+" data-x="6.7" data-y="-0.39999999999999925" cx="583.0709559662332" cy="297.6089436459046" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C101.2
-y-" data-x="6.7" data-y="-1.4999999999999993" cx="583.0709559662332" cy="361.5240702715035" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
+y-" data-x="6.7" data-y="-1.4999999999999993" cx="583.0709559662332" cy="367.8804471822952" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C100.1
-y+" data-x="2.8699999999999997" data-y="-1.2" cx="338.39835728952767" cy="342.35911476157884" r="3" fill="hsl(337, 100%, 50%, 0.8)" />
+y+" data-x="2.8699999999999997" data-y="-1.2" cx="338.39835728952767" cy="348.71549167237055" r="3" fill="hsl(337, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C100.2
-y-" data-x="2.8699999999999997" data-y="-2.3" cx="338.39835728952767" cy="412.6306182979694" r="3" fill="hsl(338, 100%, 50%, 0.8)" />
+y-" data-x="2.8699999999999997" data-y="-2.3" cx="338.39835728952767" cy="418.98699520876113" r="3" fill="hsl(338, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="R100.1
-y+" data-x="2.9752723250000006" data-y="0.6000000000000003" cx="345.1234887063655" cy="227.36938170203055" r="3" fill="hsl(82, 100%, 50%, 0.8)" />
+y+" data-x="2.9752723250000006" data-y="0.6000000000000003" cx="345.1234887063655" cy="233.72575861282226" r="3" fill="hsl(82, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="R100.2
-y-" data-x="2.9752723250000006" data-y="-0.4999999999999998" cx="345.1234887063655" cy="297.64088523842116" r="3" fill="hsl(83, 100%, 50%, 0.8)" />
+y-" data-x="2.9752723250000006" data-y="-0.4999999999999998" cx="345.1234887063655" cy="303.9972621492129" r="3" fill="hsl(83, 100%, 50%, 0.8)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="-1.4" data-y="-0.6" cx="65.61715719826601" cy="304.0292037417294" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="-1.4" data-y="-0.6" cx="65.61715719826601" cy="310.3855806525211" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.4" data-y="-0.6" cx="244.49007529089664" cy="304.0292037417294" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.4" data-y="-0.6" cx="244.49007529089664" cy="310.3855806525211" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="2.8699999999999997" data-y="-2.5" cx="338.39835728952767" cy="425.4072553045859" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="4.785" data-y="-1.2999999999999998" cx="460.73465662788044" cy="355.10381017567875" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="-1.6004999999999998" data-y="0.6" cx="52.808578599133014" cy="227.36938170203058" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="6.7" data-y="-1.4999999999999993" cx="583.0709559662332" cy="367.8804471822952" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="2.9752723250000006" data-y="0.8000000000000005" cx="345.1234887063655" cy="214.59274469541407" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="2.8699999999999997" data-y="-2.3" cx="338.39835728952767" cy="418.98699520876113" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="6.2425" data-y="-0.19999999999999923" cx="553.844398813598" cy="278.4759297284964" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="-1.6004999999999998" data-y="0.6" cx="52.808578599133014" cy="233.7257586128223" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.4" data-y="0.6" cx="244.49007529089664" cy="227.36938170203058" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="2.9752723250000006" data-y="0.8000000000000005" cx="345.1234887063655" cy="220.94912160620578" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="2.9752723250000006" data-y="-0.5999999999999999" cx="345.1234887063655" cy="304.0292037417294" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="6.2425" data-y="-0.19999999999999923" cx="553.844398813598" cy="284.8323066392881" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="6.7,-0.39999999999999925 5.785,-0.3999999999999999" data-type="line" data-label="" points="583.0709559662332,291.2525667351129 524.6178416609628,291.25256673511296" fill="none" stroke="hsl(176, 100%, 50%, 0.8)" stroke-width="1" />
+    <circle data-type="point" data-label="" data-x="1.4" data-y="0.6" cx="244.49007529089664" cy="233.7257586128223" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="2.8699999999999997,-1.2 3.785,-0.29999999999999993" data-type="line" data-label="" points="338.39835728952767,342.35911476157884 396.8514715947981,284.8642482318047" fill="none" stroke="hsl(8, 100%, 50%, 0.8)" stroke-width="1" />
+    <circle data-type="point" data-label="" data-x="2.9752723250000006" data-y="-0.5999999999999999" cx="345.1234887063655" cy="310.3855806525211" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="2.9752723250000006,-0.4999999999999998 3.785,-0.4999999999999999" data-type="line" data-label="" points="345.1234887063655,297.64088523842116 396.8514715947981,297.64088523842116" fill="none" stroke="hsl(272, 100%, 50%, 0.8)" stroke-width="1" />
+    <polyline data-points="6.7,-0.39999999999999925 5.785,-0.3999999999999999" data-type="line" data-label="" points="583.0709559662332,297.6089436459046 524.6178416609628,297.6089436459047" fill="none" stroke="hsl(176, 100%, 50%, 0.8)" stroke-width="1" />
   </g>
   <g>
-    <polyline data-points="-1.4,-0.6 1.4,-0.6" data-type="line" data-label="" points="65.61715719826601,304.0292037417294 244.49007529089664,304.0292037417294" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="2.8699999999999997,-1.2 3.785,-0.29999999999999993" data-type="line" data-label="" points="338.39835728952767,348.71549167237055 396.8514715947981,291.2206251425964" fill="none" stroke="hsl(8, 100%, 50%, 0.8)" stroke-width="1" />
   </g>
   <g>
-    <polyline data-points="-1.4,-0.6 4.785,-1.2999999999999998" data-type="line" data-label="" points="65.61715719826601,304.0292037417294 460.73465662788044,348.74743326488704" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="2.9752723250000006,-0.4999999999999998 3.785,-0.4999999999999999" data-type="line" data-label="" points="345.1234887063655,303.9972621492129 396.8514715947981,303.9972621492129" fill="none" stroke="hsl(272, 100%, 50%, 0.8)" stroke-width="1" />
   </g>
   <g>
-    <polyline data-points="-1.4,-0.6 6.7,-1.4999999999999993" data-type="line" data-label="" points="65.61715719826601,304.0292037417294 583.0709559662332,361.5240702715035" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="-1.4,-0.6 1.4,-0.6" data-type="line" data-label="" points="65.61715719826601,310.3855806525211 244.49007529089664,310.3855806525211" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="-1.4,-0.6 2.8699999999999997,-2.3" data-type="line" data-label="" points="65.61715719826601,304.0292037417294 338.39835728952767,412.6306182979694" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="-1.4,-0.6 4.785,-1.2999999999999998" data-type="line" data-label="" points="65.61715719826601,310.3855806525211 460.73465662788044,355.10381017567875" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.4,-0.6 4.785,-1.2999999999999998" data-type="line" data-label="" points="244.49007529089664,304.0292037417294 460.73465662788044,348.74743326488704" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="-1.4,-0.6 6.7,-1.4999999999999993" data-type="line" data-label="" points="65.61715719826601,310.3855806525211 583.0709559662332,367.8804471822952" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.4,-0.6 6.7,-1.4999999999999993" data-type="line" data-label="" points="244.49007529089664,304.0292037417294 583.0709559662332,361.5240702715035" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="-1.4,-0.6 2.8699999999999997,-2.3" data-type="line" data-label="" points="65.61715719826601,310.3855806525211 338.39835728952767,418.98699520876113" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.4,-0.6 2.8699999999999997,-2.3" data-type="line" data-label="" points="244.49007529089664,304.0292037417294 338.39835728952767,412.6306182979694" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.4,-0.6 4.785,-1.2999999999999998" data-type="line" data-label="" points="244.49007529089664,310.3855806525211 460.73465662788044,355.10381017567875" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="4.785,-1.2999999999999998 6.7,-1.4999999999999993" data-type="line" data-label="" points="460.73465662788044,348.74743326488704 583.0709559662332,361.5240702715035" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.4,-0.6 6.7,-1.4999999999999993" data-type="line" data-label="" points="244.49007529089664,310.3855806525211 583.0709559662332,367.8804471822952" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="4.785,-1.2999999999999998 2.8699999999999997,-2.3" data-type="line" data-label="" points="460.73465662788044,348.74743326488704 338.39835728952767,412.6306182979694" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.4,-0.6 2.8699999999999997,-2.3" data-type="line" data-label="" points="244.49007529089664,310.3855806525211 338.39835728952767,418.98699520876113" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="6.7,-1.4999999999999993 2.8699999999999997,-2.3" data-type="line" data-label="" points="583.0709559662332,361.5240702715035 338.39835728952767,412.6306182979694" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="4.785,-1.2999999999999998 6.7,-1.4999999999999993" data-type="line" data-label="" points="460.73465662788044,355.10381017567875 583.0709559662332,367.8804471822952" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="-1.4,0.6 3.785,-0.29999999999999993" data-type="line" data-label="" points="65.61715719826601,227.36938170203058 396.8514715947981,284.8642482318047" fill="none" stroke="hsl(27, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="4.785,-1.2999999999999998 2.8699999999999997,-2.3" data-type="line" data-label="" points="460.73465662788044,355.10381017567875 338.39835728952767,418.98699520876113" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="-1.4,0.6 2.8699999999999997,-1.2" data-type="line" data-label="" points="65.61715719826601,227.36938170203058 338.39835728952767,342.35911476157884" fill="none" stroke="hsl(27, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="6.7,-1.4999999999999993 2.8699999999999997,-2.3" data-type="line" data-label="" points="583.0709559662332,367.8804471822952 338.39835728952767,418.98699520876113" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="-1.4,0.6 2.9752723250000006,0.6000000000000003" data-type="line" data-label="" points="65.61715719826601,227.36938170203058 345.1234887063655,227.36938170203055" fill="none" stroke="hsl(27, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="-1.4,0.6 3.785,-0.29999999999999993" data-type="line" data-label="" points="65.61715719826601,233.7257586128223 396.8514715947981,291.2206251425964" fill="none" stroke="hsl(27, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="3.785,-0.29999999999999993 2.8699999999999997,-1.2" data-type="line" data-label="" points="396.8514715947981,284.8642482318047 338.39835728952767,342.35911476157884" fill="none" stroke="hsl(27, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="-1.4,0.6 2.8699999999999997,-1.2" data-type="line" data-label="" points="65.61715719826601,233.7257586128223 338.39835728952767,348.71549167237055" fill="none" stroke="hsl(27, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="3.785,-0.29999999999999993 2.9752723250000006,0.6000000000000003" data-type="line" data-label="" points="396.8514715947981,284.8642482318047 345.1234887063655,227.36938170203055" fill="none" stroke="hsl(27, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="-1.4,0.6 2.9752723250000006,0.6000000000000003" data-type="line" data-label="" points="65.61715719826601,233.7257586128223 345.1234887063655,233.72575861282226" fill="none" stroke="hsl(27, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="2.8699999999999997,-1.2 2.9752723250000006,0.6000000000000003" data-type="line" data-label="" points="338.39835728952767,342.35911476157884 345.1234887063655,227.36938170203055" fill="none" stroke="hsl(27, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="3.785,-0.29999999999999993 2.8699999999999997,-1.2" data-type="line" data-label="" points="396.8514715947981,291.2206251425964 338.39835728952767,348.71549167237055" fill="none" stroke="hsl(27, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.4,0.6 5.785,-0.3999999999999999" data-type="line" data-label="" points="244.49007529089664,227.36938170203058 524.6178416609628,291.25256673511296" fill="none" stroke="hsl(64, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="3.785,-0.29999999999999993 2.9752723250000006,0.6000000000000003" data-type="line" data-label="" points="396.8514715947981,291.2206251425964 345.1234887063655,233.72575861282226" fill="none" stroke="hsl(27, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.4,0.6 6.7,-0.39999999999999925" data-type="line" data-label="" points="244.49007529089664,227.36938170203058 583.0709559662332,291.2525667351129" fill="none" stroke="hsl(64, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="2.8699999999999997,-1.2 2.9752723250000006,0.6000000000000003" data-type="line" data-label="" points="338.39835728952767,348.71549167237055 345.1234887063655,233.72575861282226" fill="none" stroke="hsl(27, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="5.785,-0.3999999999999999 6.7,-0.39999999999999925" data-type="line" data-label="" points="524.6178416609628,291.25256673511296 583.0709559662332,291.2525667351129" fill="none" stroke="hsl(64, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.4,0.6 5.785,-0.3999999999999999" data-type="line" data-label="" points="244.49007529089664,233.7257586128223 524.6178416609628,297.6089436459047" fill="none" stroke="hsl(64, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="3.785,-0.4999999999999999 2.9752723250000006,-0.4999999999999998" data-type="line" data-label="" points="396.8514715947981,297.64088523842116 345.1234887063655,297.64088523842116" fill="none" stroke="hsl(345, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.4,0.6 6.7,-0.39999999999999925" data-type="line" data-label="" points="244.49007529089664,233.7257586128223 583.0709559662332,297.6089436459046" fill="none" stroke="hsl(64, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="5.785,-0.3999999999999999 6.2425,-0.3999999999999999 6.2425,-0.19999999999999923 6.7,-0.19999999999999923 6.7,-0.39999999999999925" data-type="line" data-label="" points="524.6178416609628,291.25256673511296 553.844398813598,291.25256673511296 553.844398813598,278.4759297284964 583.0709559662332,278.4759297284964 583.0709559662332,291.2525667351129" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="5.785,-0.3999999999999999 6.7,-0.39999999999999925" data-type="line" data-label="" points="524.6178416609628,297.6089436459047 583.0709559662332,297.6089436459046" fill="none" stroke="hsl(64, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="2.9752723250000006,0.6000000000000003 2.9752723250000006,0.8000000000000005 3.3801361625000004,0.8000000000000005 3.3801361625000004,-0.30000000000000004 3.785,-0.30000000000000004" data-type="line" data-label="" points="345.1234887063655,227.36938170203055 345.1234887063655,214.59274469541407 370.9874801505818,214.59274469541407 370.9874801505818,284.8642482318047 396.8514715947981,284.8642482318047" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="3.785,-0.4999999999999999 2.9752723250000006,-0.4999999999999998" data-type="line" data-label="" points="396.8514715947981,303.9972621492129 345.1234887063655,303.9972621492129" fill="none" stroke="hsl(345, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="2.9752723250000006,-0.4999999999999998 2.9752723250000006,-0.7 3.585,-0.7 3.585,-0.4999999999999998 3.785,-0.4999999999999998" data-type="line" data-label="" points="345.1234887063655,297.64088523842116 345.1234887063655,310.4175222450377 384.0748345881816,310.4175222450377 384.0748345881816,297.64088523842116 396.8514715947981,297.64088523842116" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="5.785,-0.3999999999999999 6.2425,-0.3999999999999999 6.2425,-0.19999999999999923 6.7,-0.19999999999999923 6.7,-0.39999999999999925" data-type="line" data-label="" points="524.6178416609628,297.6089436459047 553.844398813598,297.6089436459047 553.844398813598,284.8323066392881 583.0709559662332,284.8323066392881 583.0709559662332,297.6089436459046" fill="none" stroke="purple" stroke-width="1" />
   </g>
   <g>
-    <polyline data-points="4.785,-1.2999999999999998 4.785,-1.6999999999999993 6.7,-1.6999999999999993 6.7,-1.4999999999999991" data-type="line" data-label="" points="460.73465662788044,348.74743326488704 460.73465662788044,374.30070727811994 583.0709559662332,374.30070727811994 583.0709559662332,361.5240702715035" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="2.9752723250000006,0.6000000000000003 2.9752723250000006,0.8000000000000005 3.3801361625000004,0.8000000000000005 3.3801361625000004,-0.30000000000000004 3.785,-0.30000000000000004" data-type="line" data-label="" points="345.1234887063655,233.72575861282226 345.1234887063655,220.94912160620578 370.9874801505818,220.94912160620578 370.9874801505818,291.2206251425964 396.8514715947981,291.2206251425964" fill="none" stroke="purple" stroke-width="1" />
   </g>
   <g>
-    <polyline data-points="-1.4,0.6 -1.8009999999999997,0.6 -1.8009999999999997,-1.1 2.8699999999999997,-1.1 2.8699999999999997,-1.2" data-type="line" data-label="" points="65.61715719826601,227.36938170203058 40,227.36938170203058 40,335.97079625827064 338.39835728952767,335.97079625827064 338.39835728952767,342.35911476157884" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="2.9752723250000006,-0.4999999999999998 2.9752723250000006,-0.7 3.585,-0.7 3.585,-0.4999999999999998 3.785,-0.4999999999999998" data-type="line" data-label="" points="345.1234887063655,303.9972621492129 345.1234887063655,316.7738991558294 384.0748345881816,316.7738991558294 384.0748345881816,303.9972621492129 396.8514715947981,303.9972621492129" fill="none" stroke="purple" stroke-width="1" />
   </g>
   <g>
-    <polyline data-points="2.8699999999999997,-2.3 2.8699999999999997,-2.5 6.700000000000001,-2.5 6.700000000000001,-1.4999999999999991" data-type="line" data-label="" points="338.39835728952767,412.6306182979694 338.39835728952767,425.4072553045859 583.0709559662332,425.4072553045859 583.0709559662332,361.5240702715035" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="-1.4,0.6 -1.8009999999999997,0.6 -1.8009999999999997,-1.1 2.8699999999999997,-1.1 2.8699999999999997,-1.2" data-type="line" data-label="" points="65.61715719826601,233.7257586128223 40,233.7257586128223 40,342.32717316906235 338.39835728952767,342.32717316906235 338.39835728952767,348.71549167237055" fill="none" stroke="purple" stroke-width="1" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="65.61715719826601" y="201.81610768879764" width="178.87291809263064" height="127.76637006616474" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="65.61715719826601" y="208.17248459958935" width="178.87291809263064" height="127.76637006616474" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_1" data-x="4.785" data-y="-0.3999999999999999" x="396.8514715947981" y="233.7577002053388" width="127.76637006616465" height="114.98973305954823" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="schematic_component_1" data-x="4.785" data-y="-0.3999999999999999" x="396.8514715947981" y="240.11407711613052" width="127.76637006616465" height="114.98973305954823" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_2" data-x="6.7" data-y="-0.9499999999999993" x="566.1419119324663" y="291.2525667351129" width="33.858088067533686" height="70.27150353639058" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="schematic_component_2" data-x="6.7" data-y="-0.9499999999999993" x="566.1419119324663" y="297.6089436459046" width="33.858088067533686" height="70.27150353639058" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_3" data-x="2.8699999999999997" data-y="-1.75" x="321.4693132557609" y="342.35911476157884" width="33.85808806753363" height="70.27150353639058" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="schematic_component_3" data-x="2.8699999999999997" data-y="-1.75" x="321.4693132557609" y="348.71549167237055" width="33.85808806753363" height="70.27150353639058" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_4" data-x="2.9752723250000006" data-y="0.050000000000000266" x="334.91957608943653" y="227.36938170203055" width="20.407825233858034" height="70.27150353639061" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="schematic_component_4" data-x="2.9752723250000006" data-y="0.050000000000000266" x="334.91957608943653" y="233.72575861282226" width="20.407825233858034" height="70.27150353639061" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="-1.5509999999999997" data-y="-0.6" x="46.38831850330824" y="297.64088523842116" width="19.164955509924695" height="12.776637006616511" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="" data-x="-1.5509999999999997" data-y="-0.6" x="46.38831850330824" y="303.9972621492129" width="19.164955509924695" height="12.776637006616511" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.5509999999999997" data-y="-0.6" x="244.5539584759297" y="297.64088523842116" width="19.16495550992468" height="12.776637006616511" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="" data-x="1.5509999999999997" data-y="-0.6" x="244.5539584759297" y="303.9972621492129" width="19.16495550992468" height="12.776637006616511" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="2.8699999999999997" data-y="-2.65" x="332.0100387862194" y="425.4072553045859" width="12.776637006616511" height="19.164955509924766" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="" data-x="4.785" data-y="-1.4509999999999996" x="454.3463381245722" y="355.16769336071184" width="12.776637006616511" height="19.16495550992471" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="-1.6004999999999998" data-y="0.75" x="46.42026009582477" y="208.20442619210587" width="12.776637006616482" height="19.16495550992471" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="" data-x="6.7" data-y="-1.6509999999999991" x="576.682637462925" y="367.9443303673283" width="12.776637006616397" height="19.16495550992471" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="2.9752723250000006" data-y="0.9500000000000005" x="338.7351702030573" y="195.42778918548936" width="12.776637006616454" height="19.16495550992471" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="" data-x="2.8699999999999997" data-y="-2.4509999999999996" x="332.0100387862194" y="419.0508783937942" width="12.776637006616511" height="19.16495550992471" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="6.2425" data-y="7.771561172376096e-16" x="547.4560803102897" y="252.9226557152635" width="12.776637006616397" height="25.553274013232908" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="" data-x="-1.6004999999999998" data-y="0.75" x="46.42026009582477" y="214.56080310289758" width="12.776637006616482" height="19.16495550992471" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.6009999999999998" data-y="0.6" x="244.5539584759297" y="220.98106319872235" width="25.553274013232937" height="12.776637006616454" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="" data-x="2.9752723250000006" data-y="0.9500000000000005" x="338.7351702030573" y="201.78416609628107" width="12.776637006616454" height="19.16495550992471" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="2.675272325000001" data-y="-0.5999999999999999" x="306.79357768651613" y="297.64088523842116" width="38.32991101984936" height="12.776637006616454" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
+    <rect data-type="rect" data-label="" data-x="6.2425" data-y="7.771561172376096e-16" x="547.4560803102897" y="259.2790326260552" width="12.776637006616397" height="25.553274013232908" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="1.6009999999999998" data-y="0.6" x="244.5539584759297" y="227.33744010951406" width="25.553274013232937" height="12.776637006616454" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="2.675272325000001" data-y="-0.5999999999999999" x="306.79357768651613" y="303.9972621492129" width="38.32991101984936" height="12.776637006616454" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01565357142857143" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
@@ -239,7 +245,7 @@ y-" data-x="2.9752723250000006" data-y="-0.4999999999999998" cx="345.12348870636
         "e": 155.05361624458132,
         "b": 0,
         "d": -63.88318503308236,
-        "f": 265.69929272188
+        "f": 272.0556696326717
       };
       // Manually invert and apply the affine transform
       // Since we only use translate and scale, we can directly compute:
diff --git a/tests/examples/__snapshots__/example22.snap.svg b/tests/examples/__snapshots__/example22.snap.svg
index 7790385..3e88d9d 100644
--- a/tests/examples/__snapshots__/example22.snap.svg
+++ b/tests/examples/__snapshots__/example22.snap.svg
@@ -2,80 +2,83 @@
   <rect width="100%" height="100%" fill="white" />
   <g>
     <circle data-type="point" data-label="U1.1
-x+" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="468.68000000000006" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="454.68" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.2
-x-" data-x="-1.2000000000000002" data-y="-0.30000000000000004" cx="40" cy="468.68000000000006" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="-0.30000000000000004" cx="40" cy="454.68" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.3
-x+" data-x="1.2000000000000002" data-y="0.09999999999999998" cx="308.80000000000007" cy="423.88000000000005" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="0.09999999999999998" cx="308.80000000000007" cy="409.88" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.4
-x-" data-x="-1.2000000000000002" data-y="0.30000000000000004" cx="40" cy="401.48" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="0.30000000000000004" cx="40" cy="387.47999999999996" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.5
-x-" data-x="-1.2000000000000002" data-y="0.10000000000000003" cx="40" cy="423.88000000000005" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="0.10000000000000003" cx="40" cy="409.88" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.6
-x-" data-x="-1.2000000000000002" data-y="-0.09999999999999998" cx="40" cy="446.28000000000003" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="-0.09999999999999998" cx="40" cy="432.28" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.7
-x+" data-x="1.2000000000000002" data-y="-0.10000000000000003" cx="308.80000000000007" cy="446.28000000000003" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="-0.10000000000000003" cx="308.80000000000007" cy="432.28" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.8
-x+" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="401.48" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="387.47999999999996" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.1
-x-" data-x="1.6" data-y="2.105" cx="353.6" cy="199.32000000000005" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
+x-" data-x="1.6" data-y="2.105" cx="353.6" cy="185.32" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.2
-x-" data-x="1.6" data-y="1.9049999999999998" cx="353.6" cy="221.72000000000006" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
+x-" data-x="1.6" data-y="1.9049999999999998" cx="353.6" cy="207.72" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.3
-x-" data-x="1.6" data-y="1.7049999999999998" cx="353.6" cy="244.12000000000006" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
+x-" data-x="1.6" data-y="1.7049999999999998" cx="353.6" cy="230.12" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="468.68000000000006" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="454.68" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.6" data-y="1.7049999999999998" cx="353.6" cy="244.12000000000006" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.6" data-y="1.7049999999999998" cx="353.6" cy="230.12" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.049" data-y="2.105" cx="291.88800000000003" cy="199.32000000000005" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="387.47999999999996" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.6,1.7049999999999998" data-type="line" data-label="" points="308.80000000000007,468.68000000000006 353.6,244.12000000000006" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <circle data-type="point" data-label="" data-x="1.6" data-y="2.105" cx="353.6" cy="185.32" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,0.30000000000000004 1.6,2.105" data-type="line" data-label="" points="308.80000000000007,401.48 353.6,199.32000000000005" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.6,1.7049999999999998" data-type="line" data-label="" points="308.80000000000007,454.68 353.6,230.12" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,0.30000000000000004 1.4000000000000001,0.30000000000000004 1.4000000000000001,1.2025000000000001 1.049,1.2025000000000001 1.049,2.105 1.6,2.105" data-type="line" data-label="" points="308.80000000000007,401.48 331.20000000000005,401.48 331.20000000000005,300.40000000000003 291.88800000000003,300.40000000000003 291.88800000000003,199.32000000000005 353.6,199.32000000000005" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="1.2000000000000002,0.30000000000000004 1.6,2.105" data-type="line" data-label="" points="308.80000000000007,387.47999999999996 353.6,185.32" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="379.08000000000004" width="268.80000000000007" height="112" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="365.08" width="268.80000000000007" height="112" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_1" data-x="2.7" data-y="1.9049999999999998" x="353.6" y="176.92000000000007" width="246.39999999999998" height="89.59999999999997" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="schematic_component_1" data-x="2.7" data-y="1.9049999999999998" x="353.6" y="162.92000000000002" width="246.39999999999998" height="89.59999999999997" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.4260000000000002" data-y="-0.30000000000000004" x="308.91200000000003" y="457.48" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.4260000000000002" data-y="-0.30000000000000004" x="308.91200000000003" y="443.48" width="50.400000000000034" height="22.399999999999977" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.374" data-y="1.7049999999999998" x="303.088" y="232.92000000000004" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.374" data-y="1.7049999999999998" x="303.088" y="218.92" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.049" data-y="2.33" x="280.68800000000005" y="148.92000000000002" width="22.399999999999977" height="50.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.4260000000000002" data-y="0.30000000000000004" x="308.91200000000003" y="376.28" width="50.400000000000034" height="22.399999999999977" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="1.374" data-y="2.105" x="303.088" y="174.11999999999998" width="50.400000000000034" height="22.400000000000006" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
@@ -110,7 +113,7 @@ x-" data-x="1.6" data-y="1.7049999999999998" cx="353.6" cy="244.12000000000006"
         "e": 174.40000000000003,
         "b": 0,
         "d": -112,
-        "f": 435.08000000000004
+        "f": 421.08
       };
       // Manually invert and apply the affine transform
       // Since we only use translate and scale, we can directly compute:
diff --git a/tests/examples/__snapshots__/example23.snap.svg b/tests/examples/__snapshots__/example23.snap.svg
index 2da4a33..c6867ce 100644
--- a/tests/examples/__snapshots__/example23.snap.svg
+++ b/tests/examples/__snapshots__/example23.snap.svg
@@ -2,80 +2,83 @@
   <rect width="100%" height="100%" fill="white" />
   <g>
     <circle data-type="point" data-label="U1.1
-x+" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="227.88" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="241.88" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.2
-x-" data-x="-1.2000000000000002" data-y="-0.30000000000000004" cx="40" cy="227.88" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="-0.30000000000000004" cx="40" cy="241.88" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.3
-x+" data-x="1.2000000000000002" data-y="0.09999999999999998" cx="308.80000000000007" cy="183.08" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="0.09999999999999998" cx="308.80000000000007" cy="197.08" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.4
-x-" data-x="-1.2000000000000002" data-y="0.30000000000000004" cx="40" cy="160.68" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="0.30000000000000004" cx="40" cy="174.68" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.5
-x-" data-x="-1.2000000000000002" data-y="0.10000000000000003" cx="40" cy="183.07999999999998" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="0.10000000000000003" cx="40" cy="197.07999999999998" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.6
-x-" data-x="-1.2000000000000002" data-y="-0.09999999999999998" cx="40" cy="205.48" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="-0.09999999999999998" cx="40" cy="219.48" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.7
-x+" data-x="1.2000000000000002" data-y="-0.10000000000000003" cx="308.80000000000007" cy="205.48000000000002" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="-0.10000000000000003" cx="308.80000000000007" cy="219.48000000000002" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.8
-x+" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="160.68" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="174.68" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.1
-x-" data-x="1.6" data-y="-1.895" cx="353.6" cy="406.52" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
+x-" data-x="1.6" data-y="-1.895" cx="353.6" cy="420.52" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.2
-x-" data-x="1.6" data-y="-2.095" cx="353.6" cy="428.92" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
+x-" data-x="1.6" data-y="-2.095" cx="353.6" cy="442.92" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.3
-x-" data-x="1.6" data-y="-2.295" cx="353.6" cy="451.31999999999994" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
+x-" data-x="1.6" data-y="-2.295" cx="353.6" cy="465.31999999999994" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.049" data-y="-2.295" cx="291.88800000000003" cy="451.31999999999994" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="241.88" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="160.68" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.6" data-y="-2.295" cx="353.6" cy="465.31999999999994" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.6" data-y="-1.895" cx="353.6" cy="406.52" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="174.68" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.6,-2.295" data-type="line" data-label="" points="308.80000000000007,227.88 353.6,451.31999999999994" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <circle data-type="point" data-label="" data-x="1.6" data-y="-1.895" cx="353.6" cy="420.52" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,0.30000000000000004 1.6,-1.895" data-type="line" data-label="" points="308.80000000000007,160.68 353.6,406.52" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.6,-2.295" data-type="line" data-label="" points="308.80000000000007,241.88 353.6,465.31999999999994" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.4000000000000001,-0.30000000000000004 1.4000000000000001,-1.2974999999999999 1.049,-1.2974999999999999 1.049,-2.295 1.6,-2.295" data-type="line" data-label="" points="308.80000000000007,227.88 331.20000000000005,227.88 331.20000000000005,339.6 291.88800000000003,339.6 291.88800000000003,451.31999999999994 353.6,451.31999999999994" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="1.2000000000000002,0.30000000000000004 1.6,-1.895" data-type="line" data-label="" points="308.80000000000007,174.68 353.6,420.52" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="138.28" width="268.80000000000007" height="112" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="152.28" width="268.80000000000007" height="111.99999999999997" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_1" data-x="2.7" data-y="-2.095" x="353.6" y="384.12" width="246.39999999999998" height="89.60000000000002" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="schematic_component_1" data-x="2.7" data-y="-2.095" x="353.6" y="398.12" width="246.39999999999998" height="89.60000000000002" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.049" data-y="-2.52" x="280.68800000000005" y="451.31999999999994" width="22.399999999999977" height="50.40000000000009" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.4260000000000002" data-y="-0.30000000000000004" x="308.91200000000003" y="230.68" width="50.400000000000034" height="22.400000000000006" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.4260000000000002" data-y="0.30000000000000004" x="308.91200000000003" y="149.48" width="50.400000000000034" height="22.400000000000006" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.374" data-y="-2.295" x="303.088" y="454.12" width="50.400000000000034" height="22.399999999999977" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.374" data-y="-1.895" x="303.088" y="395.32" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.4260000000000002" data-y="0.30000000000000004" x="308.91200000000003" y="163.48" width="50.400000000000034" height="22.400000000000006" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="1.374" data-y="-1.895" x="303.088" y="409.32" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
@@ -110,7 +113,7 @@ x-" data-x="1.6" data-y="-2.295" cx="353.6" cy="451.31999999999994" r="3" fill="
         "e": 174.40000000000003,
         "b": 0,
         "d": -112,
-        "f": 194.28
+        "f": 208.28
       };
       // Manually invert and apply the affine transform
       // Since we only use translate and scale, we can directly compute:
diff --git a/tests/examples/__snapshots__/example24.snap.svg b/tests/examples/__snapshots__/example24.snap.svg
index 2c42a53..851f8db 100644
--- a/tests/examples/__snapshots__/example24.snap.svg
+++ b/tests/examples/__snapshots__/example24.snap.svg
@@ -2,86 +2,89 @@
   <rect width="100%" height="100%" fill="white" />
   <g>
     <circle data-type="point" data-label="U1.1
-x+" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="227.88" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="241.88" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.2
-x-" data-x="-1.2000000000000002" data-y="-0.30000000000000004" cx="40" cy="227.88" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="-0.30000000000000004" cx="40" cy="241.88" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.3
-x+" data-x="1.2000000000000002" data-y="0.09999999999999998" cx="308.80000000000007" cy="183.07999999999998" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="0.09999999999999998" cx="308.80000000000007" cy="197.08" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.4
-x-" data-x="-1.2000000000000002" data-y="0.30000000000000004" cx="40" cy="160.67999999999995" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="0.30000000000000004" cx="40" cy="174.68" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.5
-x-" data-x="-1.2000000000000002" data-y="0.10000000000000003" cx="40" cy="183.07999999999998" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="0.10000000000000003" cx="40" cy="197.07999999999998" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.6
-x-" data-x="-1.2000000000000002" data-y="-0.09999999999999998" cx="40" cy="205.47999999999996" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
+x-" data-x="-1.2000000000000002" data-y="-0.09999999999999998" cx="40" cy="219.48" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.7
-x+" data-x="1.2000000000000002" data-y="-0.10000000000000003" cx="308.80000000000007" cy="205.47999999999996" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="-0.10000000000000003" cx="308.80000000000007" cy="219.48000000000002" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.8
-x+" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="160.67999999999995" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
+x+" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="174.68" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.1
-x-" data-x="1.6" data-y="-1.895" cx="353.6" cy="406.52" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
+x-" data-x="1.6" data-y="-1.895" cx="353.6" cy="420.52" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.2
-x-" data-x="1.6" data-y="-2.095" cx="353.6" cy="428.91999999999996" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
+x-" data-x="1.6" data-y="-2.095" cx="353.6" cy="442.92" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="J1.3
-x-" data-x="1.6" data-y="-2.295" cx="353.6" cy="451.31999999999994" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
+x-" data-x="1.6" data-y="-2.295" cx="353.6" cy="465.31999999999994" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.049" data-y="-2.2950000000000004" cx="291.88800000000003" cy="451.32" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="241.88" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="160.67999999999995" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.6" data-y="-2.295" cx="353.6" cy="465.31999999999994" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.6" data-y="-1.895" cx="353.6" cy="406.52" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="308.80000000000007" cy="174.68" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.6" data-y="-2.095" cx="353.6" cy="428.91999999999996" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.6" data-y="-1.895" cx="353.6" cy="420.52" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.6,-2.295" data-type="line" data-label="" points="308.80000000000007,227.88 353.6,451.31999999999994" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <circle data-type="point" data-label="" data-x="1.6" data-y="-2.095" cx="353.6" cy="442.92" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,0.30000000000000004 1.6,-1.895" data-type="line" data-label="" points="308.80000000000007,160.67999999999995 353.6,406.52" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.6,-2.295" data-type="line" data-label="" points="308.80000000000007,241.88 353.6,465.31999999999994" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.4000000000000001,-0.30000000000000004 1.4000000000000001,-1.2975000000000003 1.049,-1.2975000000000003 1.049,-2.2950000000000004 1.6,-2.295" data-type="line" data-label="" points="308.80000000000007,227.88 331.20000000000005,227.88 331.20000000000005,339.6 291.88800000000003,339.6 291.88800000000003,451.32 353.6,451.31999999999994" fill="none" stroke="purple" stroke-width="1" />
+    <polyline data-points="1.2000000000000002,0.30000000000000004 1.6,-1.895" data-type="line" data-label="" points="308.80000000000007,174.68 353.6,420.52" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="138.27999999999997" width="268.80000000000007" height="112" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="152.28" width="268.80000000000007" height="111.99999999999997" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_1" data-x="2.7" data-y="-2.095" x="353.6" y="384.12" width="246.39999999999998" height="89.59999999999997" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="schematic_component_1" data-x="2.7" data-y="-2.095" x="353.6" y="398.12" width="246.39999999999998" height="89.60000000000002" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.049" data-y="-2.5200000000000005" x="280.68800000000005" y="451.32" width="22.399999999999977" height="50.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.4260000000000002" data-y="-0.30000000000000004" x="308.91200000000003" y="230.68" width="50.400000000000034" height="22.400000000000006" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.4260000000000002" data-y="0.30000000000000004" x="308.91200000000003" y="149.47999999999996" width="50.400000000000034" height="22.400000000000006" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.374" data-y="-2.295" x="303.088" y="454.12" width="50.400000000000034" height="22.399999999999977" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.374" data-y="-1.895" x="303.088" y="395.31999999999994" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.4260000000000002" data-y="0.30000000000000004" x="308.91200000000003" y="163.48" width="50.400000000000034" height="22.400000000000006" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.374" data-y="-2.095" x="303.088" y="417.71999999999997" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+    <rect data-type="rect" data-label="" data-x="1.374" data-y="-1.895" x="303.088" y="409.32" width="50.400000000000034" height="22.400000000000034" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="1.374" data-y="-2.095" x="303.088" y="431.72" width="50.400000000000034" height="22.399999999999977" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008928571428571428" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
@@ -116,7 +119,7 @@ x-" data-x="1.6" data-y="-2.295" cx="353.6" cy="451.31999999999994" r="3" fill="
         "e": 174.40000000000003,
         "b": 0,
         "d": -112,
-        "f": 194.27999999999997
+        "f": 208.28
       };
       // Manually invert and apply the affine transform
       // Since we only use translate and scale, we can directly compute:
diff --git a/tests/examples/__snapshots__/example27.snap.svg b/tests/examples/__snapshots__/example27.snap.svg
index 404bab8..364b1a8 100644
--- a/tests/examples/__snapshots__/example27.snap.svg
+++ b/tests/examples/__snapshots__/example27.snap.svg
@@ -164,12 +164,6 @@ x-" data-x="3.4" data-y="0.3" cx="526.9565217391305" cy="295.6521739130435" r="3
   <g>
     <polyline data-points="0.2,1.4 3.4,-0.7" data-type="line" data-label="" points="332.17391304347825,228.69565217391306 526.9565217391305,356.5217391304348" fill="none" stroke="hsl(199, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
-  <g>
-    <polyline data-points="0,-1.4 0,-1.5999999999999999 -1.7,-1.5999999999999999 -1.7,-0.8999999999999999 -3.4,-0.8999999999999999" data-type="line" data-label="" points="320,399.1304347826087 320,411.304347826087 216.52173913043475,411.304347826087 216.52173913043475,368.69565217391306 113.04347826086953,368.69565217391306" fill="none" stroke="black" stroke-width="1" />
-  </g>
-  <g>
-    <polyline data-points="3.4,-0.8999999999999999 1.6999999999999997,-0.8999999999999999 1.6999999999999997,-1.5999999999999999 0,-1.5999999999999999 0,-1.4" data-type="line" data-label="" points="526.9565217391305,368.69565217391306 423.47826086956525,368.69565217391306 423.47826086956525,411.304347826087 320,411.304347826087 320,399.1304347826087" fill="none" stroke="black" stroke-width="1" />
-  </g>
   <g>
     <polyline data-points="-3.4,-0.49999999999999994 -1.3,-0.5" data-type="line" data-label="" points="113.04347826086953,344.3478260869565 240.8695652173913,344.3478260869565" fill="none" stroke="black" stroke-width="1" />
   </g>
@@ -194,6 +188,9 @@ x-" data-x="3.4" data-y="0.3" cx="526.9565217391305" cy="295.6521739130435" r="3
   <g>
     <polyline data-points="3.4,0.09999999999999998 1.3,0.10000000000000009" data-type="line" data-label="" points="526.9565217391305,307.82608695652175 399.1304347826087,307.82608695652175" fill="none" stroke="black" stroke-width="1" />
   </g>
+  <g>
+    <polyline data-points="-3.4,-0.8999999999999999 -1.7,-0.8999999999999999 -1.7,-1.5999999999999999 0,-1.5999999999999999 0,-1.4" data-type="line" data-label="" points="113.04347826086953,368.69565217391306 216.52173913043475,368.69565217391306 216.52173913043475,411.304347826087 320,411.304347826087 320,399.1304347826087" fill="none" stroke="black" stroke-width="1" />
+  </g>
   <g>
     <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="240.8695652173913" y="228.69565217391306" width="158.26086956521738" height="170.43478260869563" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.016428571428571428" />
   </g>
diff --git a/tests/examples/__snapshots__/example29.snap.svg b/tests/examples/__snapshots__/example29.snap.svg
index 686f3f3..acc99fa 100644
--- a/tests/examples/__snapshots__/example29.snap.svg
+++ b/tests/examples/__snapshots__/example29.snap.svg
@@ -2,55 +2,55 @@
   <rect width="100%" height="100%" fill="white" />
   <g>
     <circle data-type="point" data-label="C1.1
-y-" data-x="2" data-y="-0.55" cx="541.3438735177865" cy="441.7391304347826" r="3" fill="hsl(121, 100%, 50%, 0.8)" />
+y-" data-x="2" data-y="-0.55" cx="541.3438735177865" cy="419.7154150197629" r="3" fill="hsl(121, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C1.2
-y+" data-x="2" data-y="0.55" cx="541.3438735177865" cy="198.26086956521738" r="3" fill="hsl(122, 100%, 50%, 0.8)" />
+y+" data-x="2" data-y="0.55" cx="541.3438735177865" cy="176.23715415019763" r="3" fill="hsl(122, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C2.1
-y-" data-x="-3.469446951953614e-17" data-y="-0.55" cx="98.65612648221345" cy="441.7391304347826" r="3" fill="hsl(2, 100%, 50%, 0.8)" />
+y-" data-x="-3.469446951953614e-17" data-y="-0.55" cx="98.65612648221345" cy="419.7154150197629" r="3" fill="hsl(2, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C2.2
-y+" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="198.26086956521738" r="3" fill="hsl(3, 100%, 50%, 0.8)" />
+y+" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="176.23715415019763" r="3" fill="hsl(3, 100%, 50%, 0.8)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="2" data-y="-0.55" cx="541.3438735177865" cy="441.7391304347826" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="1.9999999999999998" data-y="-0.75" cx="541.3438735177865" cy="463.9841897233201" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="-3.469446951953614e-17" data-y="-0.55" cx="98.65612648221345" cy="441.7391304347826" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="2" data-y="0.55" cx="541.3438735177865" cy="176.23715415019763" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="2" data-y="0.55" cx="541.3438735177865" cy="198.26086956521738" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="176.23715415019763" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="198.26086956521738" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <polyline data-points="2,-0.55 -3.469446951953614e-17,-0.55" data-type="line" data-label="" points="541.3438735177865,419.7154150197629 98.65612648221345,419.7154150197629" fill="none" stroke="hsl(136, 100%, 50%, 0.8)" stroke-width="1" />
   </g>
   <g>
-    <polyline data-points="2,-0.55 -3.469446951953614e-17,-0.55" data-type="line" data-label="" points="541.3438735177865,441.7391304347826 98.65612648221345,441.7391304347826" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="2,-0.55 -3.469446951953614e-17,-0.55" data-type="line" data-label="" points="541.3438735177865,419.7154150197629 98.65612648221345,419.7154150197629" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="2,0.55 3.469446951953614e-17,0.55" data-type="line" data-label="" points="541.3438735177865,198.26086956521738 98.65612648221348,198.26086956521738" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="2,0.55 3.469446951953614e-17,0.55" data-type="line" data-label="" points="541.3438735177865,176.23715415019763 98.65612648221348,176.23715415019763" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_0" data-x="2" data-y="0" x="482.6877470355731" y="198.26086956521738" width="117.31225296442688" height="243.47826086956525" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.004517857142857144" />
+    <polyline data-points="1.9999999999999998,-0.55 1.9999999999999998,-0.75 -3.469446951953614e-17,-0.75 -3.469446951953614e-17,-0.55" data-type="line" data-label="" points="541.3438735177865,419.7154150197629 541.3438735177865,463.9841897233201 98.65612648221345,463.9841897233201 98.65612648221345,419.7154150197629" fill="none" stroke="purple" stroke-width="1" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_1" data-x="0" data-y="0" x="40.00000000000003" y="198.26086956521738" width="117.31225296442688" height="243.47826086956525" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.004517857142857144" />
+    <rect data-type="rect" data-label="schematic_component_0" data-x="2" data-y="0" x="482.6877470355731" y="176.23715415019763" width="117.31225296442688" height="243.47826086956525" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.004517857142857144" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="2" data-y="-0.7010000000000001" x="519.2094861660079" y="441.9604743083004" width="44.26877470355737" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+    <rect data-type="rect" data-label="schematic_component_1" data-x="0" data-y="0" x="40.00000000000003" y="176.23715415019763" width="117.31225296442688" height="243.47826086956525" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.004517857142857144" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="-3.469446951953614e-17" data-y="-0.7010000000000001" x="76.52173913043481" y="441.9604743083004" width="44.26877470355731" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+    <rect data-type="rect" data-label="" data-x="1.9999999999999998" data-y="-0.9" x="519.2094861660078" y="463.9841897233201" width="44.26877470355737" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="2" data-y="0.7010000000000001" x="519.2094861660079" y="131.63636363636363" width="44.26877470355737" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+    <rect data-type="rect" data-label="" data-x="2" data-y="0.7010000000000001" x="519.2094861660079" y="109.61264822134387" width="44.26877470355737" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="3.469446951953614e-17" data-y="0.7010000000000001" x="76.52173913043481" y="131.63636363636363" width="44.26877470355731" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+    <rect data-type="rect" data-label="" data-x="3.469446951953614e-17" data-y="0.7010000000000001" x="76.52173913043481" y="109.61264822134387" width="44.26877470355731" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
@@ -85,7 +85,7 @@ y+" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="198.
         "e": 98.65612648221347,
         "b": 0,
         "d": -221.34387351778653,
-        "f": 320
+        "f": 297.97628458498025
       };
       // Manually invert and apply the affine transform
       // Since we only use translate and scale, we can directly compute:

From 13b302386ffdcfc9dcc7486f60abebd36c4c95e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?0hm=E2=98=98=EF=B8=8F?= <git8ankanroy@gmail.com>
Date: Wed, 15 Oct 2025 07:09:48 +0530
Subject: [PATCH 3/6] WIP

---
 .../examples/__snapshots__/example29.snap.svg | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/tests/examples/__snapshots__/example29.snap.svg b/tests/examples/__snapshots__/example29.snap.svg
index acc99fa..686f3f3 100644
--- a/tests/examples/__snapshots__/example29.snap.svg
+++ b/tests/examples/__snapshots__/example29.snap.svg
@@ -2,55 +2,55 @@
   <rect width="100%" height="100%" fill="white" />
   <g>
     <circle data-type="point" data-label="C1.1
-y-" data-x="2" data-y="-0.55" cx="541.3438735177865" cy="419.7154150197629" r="3" fill="hsl(121, 100%, 50%, 0.8)" />
+y-" data-x="2" data-y="-0.55" cx="541.3438735177865" cy="441.7391304347826" r="3" fill="hsl(121, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C1.2
-y+" data-x="2" data-y="0.55" cx="541.3438735177865" cy="176.23715415019763" r="3" fill="hsl(122, 100%, 50%, 0.8)" />
+y+" data-x="2" data-y="0.55" cx="541.3438735177865" cy="198.26086956521738" r="3" fill="hsl(122, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C2.1
-y-" data-x="-3.469446951953614e-17" data-y="-0.55" cx="98.65612648221345" cy="419.7154150197629" r="3" fill="hsl(2, 100%, 50%, 0.8)" />
+y-" data-x="-3.469446951953614e-17" data-y="-0.55" cx="98.65612648221345" cy="441.7391304347826" r="3" fill="hsl(2, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="C2.2
-y+" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="176.23715415019763" r="3" fill="hsl(3, 100%, 50%, 0.8)" />
+y+" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="198.26086956521738" r="3" fill="hsl(3, 100%, 50%, 0.8)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.9999999999999998" data-y="-0.75" cx="541.3438735177865" cy="463.9841897233201" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="2" data-y="-0.55" cx="541.3438735177865" cy="441.7391304347826" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="2" data-y="0.55" cx="541.3438735177865" cy="176.23715415019763" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="-3.469446951953614e-17" data-y="-0.55" cx="98.65612648221345" cy="441.7391304347826" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="176.23715415019763" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="2" data-y="0.55" cx="541.3438735177865" cy="198.26086956521738" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="2,-0.55 -3.469446951953614e-17,-0.55" data-type="line" data-label="" points="541.3438735177865,419.7154150197629 98.65612648221345,419.7154150197629" fill="none" stroke="hsl(136, 100%, 50%, 0.8)" stroke-width="1" />
+    <circle data-type="point" data-label="" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="198.26086956521738" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="2,-0.55 -3.469446951953614e-17,-0.55" data-type="line" data-label="" points="541.3438735177865,419.7154150197629 98.65612648221345,419.7154150197629" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="2,-0.55 -3.469446951953614e-17,-0.55" data-type="line" data-label="" points="541.3438735177865,441.7391304347826 98.65612648221345,441.7391304347826" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="2,0.55 3.469446951953614e-17,0.55" data-type="line" data-label="" points="541.3438735177865,176.23715415019763 98.65612648221348,176.23715415019763" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="2,0.55 3.469446951953614e-17,0.55" data-type="line" data-label="" points="541.3438735177865,198.26086956521738 98.65612648221348,198.26086956521738" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <polyline data-points="1.9999999999999998,-0.55 1.9999999999999998,-0.75 -3.469446951953614e-17,-0.75 -3.469446951953614e-17,-0.55" data-type="line" data-label="" points="541.3438735177865,419.7154150197629 541.3438735177865,463.9841897233201 98.65612648221345,463.9841897233201 98.65612648221345,419.7154150197629" fill="none" stroke="purple" stroke-width="1" />
+    <rect data-type="rect" data-label="schematic_component_0" data-x="2" data-y="0" x="482.6877470355731" y="198.26086956521738" width="117.31225296442688" height="243.47826086956525" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.004517857142857144" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_0" data-x="2" data-y="0" x="482.6877470355731" y="176.23715415019763" width="117.31225296442688" height="243.47826086956525" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.004517857142857144" />
+    <rect data-type="rect" data-label="schematic_component_1" data-x="0" data-y="0" x="40.00000000000003" y="198.26086956521738" width="117.31225296442688" height="243.47826086956525" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.004517857142857144" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_1" data-x="0" data-y="0" x="40.00000000000003" y="176.23715415019763" width="117.31225296442688" height="243.47826086956525" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.004517857142857144" />
+    <rect data-type="rect" data-label="" data-x="2" data-y="-0.7010000000000001" x="519.2094861660079" y="441.9604743083004" width="44.26877470355737" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="1.9999999999999998" data-y="-0.9" x="519.2094861660078" y="463.9841897233201" width="44.26877470355737" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+    <rect data-type="rect" data-label="" data-x="-3.469446951953614e-17" data-y="-0.7010000000000001" x="76.52173913043481" y="441.9604743083004" width="44.26877470355731" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="2" data-y="0.7010000000000001" x="519.2094861660079" y="109.61264822134387" width="44.26877470355737" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+    <rect data-type="rect" data-label="" data-x="2" data-y="0.7010000000000001" x="519.2094861660079" y="131.63636363636363" width="44.26877470355737" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
   </g>
   <g>
-    <rect data-type="rect" data-label="" data-x="3.469446951953614e-17" data-y="0.7010000000000001" x="76.52173913043481" y="109.61264822134387" width="44.26877470355731" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+    <rect data-type="rect" data-label="" data-x="3.469446951953614e-17" data-y="0.7010000000000001" x="76.52173913043481" y="131.63636363636363" width="44.26877470355731" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
@@ -85,7 +85,7 @@ y+" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="176.
         "e": 98.65612648221347,
         "b": 0,
         "d": -221.34387351778653,
-        "f": 297.97628458498025
+        "f": 320
       };
       // Manually invert and apply the affine transform
       // Since we only use translate and scale, we can directly compute:

From 3b7e9445ef591e3cef5fdc7b10e6f4b29c92817a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?0hm=E2=98=98=EF=B8=8F?= <git8ankanroy@gmail.com>
Date: Wed, 15 Oct 2025 07:12:54 +0530
Subject: [PATCH 4/6] WIP

---
 .../MspConnectionPairSolver_repro1.test.ts                      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/solvers/MspConnectionPairSolver/MspConnectionPairSolver_repro1.test.ts b/tests/solvers/MspConnectionPairSolver/MspConnectionPairSolver_repro1.test.ts
index ad0356b..6daa3c6 100644
--- a/tests/solvers/MspConnectionPairSolver/MspConnectionPairSolver_repro1.test.ts
+++ b/tests/solvers/MspConnectionPairSolver/MspConnectionPairSolver_repro1.test.ts
@@ -10,5 +10,5 @@ test("MspConnectionPairSolver_repro1", () => {
 
   solver.solve()
 
-  expect(solver.mspConnectionPairs.length).toBe(4)
+  expect(solver.mspConnectionPairs.length).toBe(1)
 })

From 4fdcc69fb91e1ac07be38c0f5b4dcb6ecf9c6b81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?0hm=E2=98=98=EF=B8=8F?= <git8ankanroy@gmail.com>
Date: Wed, 15 Oct 2025 07:15:38 +0530
Subject: [PATCH 5/6] WIP

---
 tests/assets/connected-gnd-vcc.json           |   1 +
 .../examples/__snapshots__/example30.snap.svg | 112 ++++++++++++++++++
 tests/examples/example29.test.ts              |   2 +-
 tests/examples/example30.test.ts              |  12 ++
 4 files changed, 126 insertions(+), 1 deletion(-)
 create mode 100644 tests/assets/connected-gnd-vcc.json
 create mode 100644 tests/examples/__snapshots__/example30.snap.svg
 create mode 100644 tests/examples/example30.test.ts

diff --git a/tests/assets/connected-gnd-vcc.json b/tests/assets/connected-gnd-vcc.json
new file mode 100644
index 0000000..34f460e
--- /dev/null
+++ b/tests/assets/connected-gnd-vcc.json
@@ -0,0 +1 @@
+{"chips":[{"chipId":"schematic_component_0","center":{"x":2,"y":0},"width":0.53,"height":1.1,"pins":[{"pinId":"C1.1","x":2,"y":-0.55},{"pinId":"C1.2","x":2,"y":0.55}]},{"chipId":"schematic_component_1","center":{"x":0,"y":0},"width":0.53,"height":1.1,"pins":[{"pinId":"C2.1","x":-3.469446951953614e-17,"y":-0.55},{"pinId":"C2.2","x":3.469446951953614e-17,"y":0.55}]}],"directConnections":[{"pinIds":["C1.1","C2.1"],"netId":"C1.pin1 to C2.pin1"}],"netConnections":[{"netId":"GND","pinIds":["C1.1","C2.1"],"netLabelWidth":0.3},{"netId":"VCC","pinIds":["C1.2","C2.2"],"netLabelWidth":0.3}],"availableNetLabelOrientations":{"GND":["y-"],"VCC":["y+"]},"maxMspPairDistance":2.4}
\ No newline at end of file
diff --git a/tests/examples/__snapshots__/example30.snap.svg b/tests/examples/__snapshots__/example30.snap.svg
new file mode 100644
index 0000000..acc99fa
--- /dev/null
+++ b/tests/examples/__snapshots__/example30.snap.svg
@@ -0,0 +1,112 @@
+<svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="white" />
+  <g>
+    <circle data-type="point" data-label="C1.1
+y-" data-x="2" data-y="-0.55" cx="541.3438735177865" cy="419.7154150197629" r="3" fill="hsl(121, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="C1.2
+y+" data-x="2" data-y="0.55" cx="541.3438735177865" cy="176.23715415019763" r="3" fill="hsl(122, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="C2.1
+y-" data-x="-3.469446951953614e-17" data-y="-0.55" cx="98.65612648221345" cy="419.7154150197629" r="3" fill="hsl(2, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="C2.2
+y+" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="176.23715415019763" r="3" fill="hsl(3, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="1.9999999999999998" data-y="-0.75" cx="541.3438735177865" cy="463.9841897233201" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="2" data-y="0.55" cx="541.3438735177865" cy="176.23715415019763" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="3.469446951953614e-17" data-y="0.55" cx="98.65612648221348" cy="176.23715415019763" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <polyline data-points="2,-0.55 -3.469446951953614e-17,-0.55" data-type="line" data-label="" points="541.3438735177865,419.7154150197629 98.65612648221345,419.7154150197629" fill="none" stroke="hsl(136, 100%, 50%, 0.8)" stroke-width="1" />
+  </g>
+  <g>
+    <polyline data-points="2,-0.55 -3.469446951953614e-17,-0.55" data-type="line" data-label="" points="541.3438735177865,419.7154150197629 98.65612648221345,419.7154150197629" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="2,0.55 3.469446951953614e-17,0.55" data-type="line" data-label="" points="541.3438735177865,176.23715415019763 98.65612648221348,176.23715415019763" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="1.9999999999999998,-0.55 1.9999999999999998,-0.75 -3.469446951953614e-17,-0.75 -3.469446951953614e-17,-0.55" data-type="line" data-label="" points="541.3438735177865,419.7154150197629 541.3438735177865,463.9841897233201 98.65612648221345,463.9841897233201 98.65612648221345,419.7154150197629" fill="none" stroke="purple" stroke-width="1" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_0" data-x="2" data-y="0" x="482.6877470355731" y="176.23715415019763" width="117.31225296442688" height="243.47826086956525" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.004517857142857144" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_1" data-x="0" data-y="0" x="40.00000000000003" y="176.23715415019763" width="117.31225296442688" height="243.47826086956525" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.004517857142857144" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="1.9999999999999998" data-y="-0.9" x="519.2094861660078" y="463.9841897233201" width="44.26877470355737" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="2" data-y="0.7010000000000001" x="519.2094861660079" y="109.61264822134387" width="44.26877470355737" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="3.469446951953614e-17" data-y="0.7010000000000001" x="76.52173913043481" y="109.61264822134387" width="44.26877470355731" height="66.403162055336" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.004517857142857144" />
+  </g>
+  <g id="crosshair" style="display: none">
+    <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
+    <line id="crosshair-v" x1="0" x2="640" stroke="#666" stroke-width="0.5" /><text id="coordinates" font-family="monospace" font-size="12" fill="#666"></text>
+  </g>
+  <script>
+    <![CDATA[
+    document.currentScript.parentElement.addEventListener('mousemove', (e) => {
+      const svg = e.currentTarget;
+      const rect = svg.getBoundingClientRect();
+      const x = e.clientX - rect.left;
+      const y = e.clientY - rect.top;
+      const crosshair = svg.getElementById('crosshair');
+      const h = svg.getElementById('crosshair-h');
+      const v = svg.getElementById('crosshair-v');
+      const coords = svg.getElementById('coordinates');
+
+      crosshair.style.display = 'block';
+      h.setAttribute('x1', '0');
+      h.setAttribute('x2', '640');
+      h.setAttribute('y1', y);
+      h.setAttribute('y2', y);
+      v.setAttribute('x1', x);
+      v.setAttribute('x2', x);
+      v.setAttribute('y1', '0');
+      v.setAttribute('y2', '640');
+
+      // Calculate real coordinates using inverse transformation
+      const matrix = {
+        "a": 221.34387351778653,
+        "c": 0,
+        "e": 98.65612648221347,
+        "b": 0,
+        "d": -221.34387351778653,
+        "f": 297.97628458498025
+      };
+      // Manually invert and apply the affine transform
+      // Since we only use translate and scale, we can directly compute:
+      // x' = (x - tx) / sx
+      // y' = (y - ty) / sy
+      const sx = matrix.a;
+      const sy = matrix.d;
+      const tx = matrix.e;
+      const ty = matrix.f;
+      const realPoint = {
+        x: (x - tx) / sx,
+        y: (y - ty) / sy // Flip y back since we used negative scale
+      }
+
+      coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
+      coords.setAttribute('x', (x + 5).toString());
+      coords.setAttribute('y', (y - 5).toString());
+    });
+    document.currentScript.parentElement.addEventListener('mouseleave', () => {
+      document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
+    });
+    ]]>
+  </script>
+</svg>
\ No newline at end of file
diff --git a/tests/examples/example29.test.ts b/tests/examples/example29.test.ts
index 7b2910a..d5eebec 100644
--- a/tests/examples/example29.test.ts
+++ b/tests/examples/example29.test.ts
@@ -3,7 +3,7 @@ import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipeline
 import "tests/fixtures/matcher"
 import inputProblem from "../assets/unconnect-gnd-vcc.json"
 
-test("example28", () => {
+test("example29", () => {
   const solver = new SchematicTracePipelineSolver(inputProblem as any)
 
   solver.solve()
diff --git a/tests/examples/example30.test.ts b/tests/examples/example30.test.ts
new file mode 100644
index 0000000..d3cdc3e
--- /dev/null
+++ b/tests/examples/example30.test.ts
@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import "tests/fixtures/matcher"
+import inputProblem from "../assets/connected-gnd-vcc.json"
+
+test("example30", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem as any)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

From b050f4a81aafdd0fb327b6bcfbbb2742613973a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?0hm=E2=98=98=EF=B8=8F?= <git8ankanroy@gmail.com>
Date: Wed, 15 Oct 2025 07:19:14 +0530
Subject: [PATCH 6/6] WIP

---
 tests/assets/connected-gnd-vcc.json | 34 ++++++++++++++++++++++++++++-
 tests/assets/unconnect-gnd-vcc.json | 32 ++++++++++++++++++++++++++-
 2 files changed, 64 insertions(+), 2 deletions(-)

diff --git a/tests/assets/connected-gnd-vcc.json b/tests/assets/connected-gnd-vcc.json
index 34f460e..fe95845 100644
--- a/tests/assets/connected-gnd-vcc.json
+++ b/tests/assets/connected-gnd-vcc.json
@@ -1 +1,33 @@
-{"chips":[{"chipId":"schematic_component_0","center":{"x":2,"y":0},"width":0.53,"height":1.1,"pins":[{"pinId":"C1.1","x":2,"y":-0.55},{"pinId":"C1.2","x":2,"y":0.55}]},{"chipId":"schematic_component_1","center":{"x":0,"y":0},"width":0.53,"height":1.1,"pins":[{"pinId":"C2.1","x":-3.469446951953614e-17,"y":-0.55},{"pinId":"C2.2","x":3.469446951953614e-17,"y":0.55}]}],"directConnections":[{"pinIds":["C1.1","C2.1"],"netId":"C1.pin1 to C2.pin1"}],"netConnections":[{"netId":"GND","pinIds":["C1.1","C2.1"],"netLabelWidth":0.3},{"netId":"VCC","pinIds":["C1.2","C2.2"],"netLabelWidth":0.3}],"availableNetLabelOrientations":{"GND":["y-"],"VCC":["y+"]},"maxMspPairDistance":2.4}
\ No newline at end of file
+{
+  "chips": [
+    {
+      "chipId": "schematic_component_0",
+      "center": { "x": 2, "y": 0 },
+      "width": 0.53,
+      "height": 1.1,
+      "pins": [
+        { "pinId": "C1.1", "x": 2, "y": -0.55 },
+        { "pinId": "C1.2", "x": 2, "y": 0.55 }
+      ]
+    },
+    {
+      "chipId": "schematic_component_1",
+      "center": { "x": 0, "y": 0 },
+      "width": 0.53,
+      "height": 1.1,
+      "pins": [
+        { "pinId": "C2.1", "x": -3.469446951953614e-17, "y": -0.55 },
+        { "pinId": "C2.2", "x": 3.469446951953614e-17, "y": 0.55 }
+      ]
+    }
+  ],
+  "directConnections": [
+    { "pinIds": ["C1.1", "C2.1"], "netId": "C1.pin1 to C2.pin1" }
+  ],
+  "netConnections": [
+    { "netId": "GND", "pinIds": ["C1.1", "C2.1"], "netLabelWidth": 0.3 },
+    { "netId": "VCC", "pinIds": ["C1.2", "C2.2"], "netLabelWidth": 0.3 }
+  ],
+  "availableNetLabelOrientations": { "GND": ["y-"], "VCC": ["y+"] },
+  "maxMspPairDistance": 2.4
+}
diff --git a/tests/assets/unconnect-gnd-vcc.json b/tests/assets/unconnect-gnd-vcc.json
index a654cf7..b898f04 100644
--- a/tests/assets/unconnect-gnd-vcc.json
+++ b/tests/assets/unconnect-gnd-vcc.json
@@ -1 +1,31 @@
-{"chips":[{"chipId":"schematic_component_0","center":{"x":2,"y":0},"width":0.53,"height":1.1,"pins":[{"pinId":"C1.1","x":2,"y":-0.55},{"pinId":"C1.2","x":2,"y":0.55}]},{"chipId":"schematic_component_1","center":{"x":0,"y":0},"width":0.53,"height":1.1,"pins":[{"pinId":"C2.1","x":-3.469446951953614e-17,"y":-0.55},{"pinId":"C2.2","x":3.469446951953614e-17,"y":0.55}]}],"directConnections":[],"netConnections":[{"netId":"GND","pinIds":["C1.1","C2.1"],"netLabelWidth":0.3},{"netId":"VCC","pinIds":["C1.2","C2.2"],"netLabelWidth":0.3}],"availableNetLabelOrientations":{"GND":["y-"],"VCC":["y+"]},"maxMspPairDistance":2.4}
\ No newline at end of file
+{
+  "chips": [
+    {
+      "chipId": "schematic_component_0",
+      "center": { "x": 2, "y": 0 },
+      "width": 0.53,
+      "height": 1.1,
+      "pins": [
+        { "pinId": "C1.1", "x": 2, "y": -0.55 },
+        { "pinId": "C1.2", "x": 2, "y": 0.55 }
+      ]
+    },
+    {
+      "chipId": "schematic_component_1",
+      "center": { "x": 0, "y": 0 },
+      "width": 0.53,
+      "height": 1.1,
+      "pins": [
+        { "pinId": "C2.1", "x": -3.469446951953614e-17, "y": -0.55 },
+        { "pinId": "C2.2", "x": 3.469446951953614e-17, "y": 0.55 }
+      ]
+    }
+  ],
+  "directConnections": [],
+  "netConnections": [
+    { "netId": "GND", "pinIds": ["C1.1", "C2.1"], "netLabelWidth": 0.3 },
+    { "netId": "VCC", "pinIds": ["C1.2", "C2.2"], "netLabelWidth": 0.3 }
+  ],
+  "availableNetLabelOrientations": { "GND": ["y-"], "VCC": ["y+"] },
+  "maxMspPairDistance": 2.4
+}