@tscircuit/rectdiff 0.0.22 → 0.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/SolverDebugger3d.tsx +2 -2
- package/dist/index.d.ts +23 -3
- package/dist/index.js +291 -80
- package/lib/RectDiffPipeline.ts +42 -35
- package/lib/buildFinalRectDiffVisualization.ts +46 -0
- package/lib/fixtures/twoNodeExpansionFixture.ts +10 -2
- package/lib/rectdiff-visualization.ts +2 -1
- package/lib/solvers/RectDiffExpansionSolver/RectDiffExpansionSolver.ts +8 -3
- package/lib/solvers/RectDiffGridSolverPipeline/RectDiffGridSolverPipeline.ts +48 -9
- package/lib/solvers/RectDiffGridSolverPipeline/buildObstacleIndexes.ts +14 -6
- package/lib/solvers/RectDiffSeedingSolver/RectDiffSeedingSolver.ts +16 -5
- package/lib/solvers/RectDiffSeedingSolver/computeCandidates3D.ts +12 -2
- package/lib/solvers/RectDiffSeedingSolver/computeEdgeCandidates3D.ts +53 -13
- package/lib/solvers/RectDiffSeedingSolver/layers.ts +9 -5
- package/lib/utils/buildOutlineGraphics.ts +39 -0
- package/lib/utils/expandRectFromSeed.ts +11 -1
- package/lib/utils/finalizeRects.ts +17 -9
- package/lib/utils/padRect.ts +11 -0
- package/lib/utils/renderObstacleClearance.ts +50 -0
- package/package.json +1 -1
- package/pages/bugreport11.page.tsx +1 -0
- package/tests/board-outline.test.ts +1 -1
- package/tests/fixtures/makeSimpleRouteOutlineGraphics.ts +5 -1
- package/tests/should-expand-node.test.ts +9 -1
- package/tests/solver/__snapshots__/rectDiffGridSolverPipeline.snap.svg +1 -1
- package/tests/solver/bugreport01-be84eb/__snapshots__/bugreport01-be84eb.snap.svg +2 -2
- package/tests/solver/bugreport02-bc4361/__snapshots__/bugreport02-bc4361.snap.svg +2 -2
- package/tests/solver/bugreport03-fe4a17/__snapshots__/bugreport03-fe4a17.snap.svg +1 -1
- package/tests/solver/bugreport07-d3f3be/__snapshots__/bugreport07-d3f3be.snap.svg +1 -1
- package/tests/solver/bugreport08-e3ec95/__snapshots__/bugreport08-e3ec95.snap.svg +1 -1
- package/tests/solver/bugreport09-618e09/__snapshots__/bugreport09-618e09.snap.svg +2 -2
- package/tests/solver/bugreport10-71239a/__snapshots__/bugreport10-71239a.snap.svg +2 -2
- package/tests/solver/bugreport11-b2de3c/__snapshots__/bugreport11-b2de3c.snap.svg +1 -1
- package/tests/solver/bugreport11-b2de3c/bugreport11-b2de3c-clearance-equivalence.test.ts +52 -0
- package/tests/solver/bugreport12-35ce1c/__snapshots__/bugreport12-35ce1c.snap.svg +1 -1
- package/tests/solver/bugreport13-b9a758/__snapshots__/bugreport13-b9a758.snap.svg +2 -2
- package/tests/solver/bugreport16-d95f38/__snapshots__/bugreport16-d95f38.snap.svg +2 -2
- package/tests/solver/bugreport19/__snapshots__/bugreport19.snap.svg +1 -1
- package/tests/solver/bugreport22-2a75ce/__snapshots__/bugreport22-2a75ce.snap.svg +1 -1
- package/tests/solver/bugreport23-LGA15x4/__snapshots__/bugreport23-LGA15x4.snap.svg +1 -1
- package/tests/solver/bugreport24-05597c/__snapshots__/bugreport24-05597c.snap.svg +1 -1
- package/tests/solver/bugreport26-66b0b2/__snapshots__/bugreport26-66b0b2.snap.svg +2 -2
- package/tests/solver/bugreport27-dd3734/__snapshots__/bugreport27-dd3734.snap.svg +2 -2
- package/tests/solver/bugreport28-18a9ef/__snapshots__/bugreport28-18a9ef.snap.svg +2 -2
- package/tests/solver/bugreport29-7deae8/__snapshots__/bugreport29-7deae8.snap.svg +2 -2
- package/tests/solver/bugreport30-2174c8/__snapshots__/bugreport30-2174c8.snap.svg +1 -1
- package/tests/solver/bugreport33-213d45/__snapshots__/bugreport33-213d45.snap.svg +2 -2
- package/tests/solver/bugreport34-e9dea2/__snapshots__/bugreport34-e9dea2.snap.svg +2 -2
- package/tests/solver/bugreport35-191db9/__snapshots__/bugreport35-191db9.snap.svg +2 -2
- package/tests/solver/bugreport36-bf8303/__snapshots__/bugreport36-bf8303.snap.svg +1 -1
- package/tests/solver/interaction/__snapshots__/interaction.snap.svg +1 -1
- package/tests/solver/multi-point/__snapshots__/multi-point.snap.svg +1 -1
- package/tests/solver/pcb_trace_id-should-return-root-connection-name/__snapshots__/pcb_trace_id-should-return-root-connection-name.snap.svg +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="640" height="1608" viewBox="0 0 640 1608" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="white"/><g><polyline data-points="-10,-10 15,-10 15,15 -10,15 -10,-10" data-type="line" data-label="bounds" points="40,725.8333333333334 600,725.8333333333334 600,165.83333333333337 40,165.83333333333337 40,725.8333333333334" fill="none" stroke="#111827" stroke-width="2.2399999999999998"/></g><g><polyline data-points="-10,-44.89583333333333 15,-44.89583333333333 15,-19.89583333333333 -10,-19.89583333333333 -10,-44.89583333333333" data-type="line" data-label="bounds" points="40,1507.5 600,1507.5 600,947.4999999999999 40,947.4999999999999 40,1507.5" fill="none" stroke="#111827" stroke-width="2.2399999999999998"/></g><g><rect data-type="rect" data-label="node" data-x="-0.25" data-y="7.75" x="40" y="165.83333333333337" width="436.79999999999995" height="324.8" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="5.25" data-y="-5.25" x="163.2" y="513.0333333333334" width="436.8" height="212.79999999999995" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-7.25" data-y="-7.75" x="40" y="625.0333333333333" width="123.19999999999999" height="100.80000000000007" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-7.25" data-y="-2" x="40" y="490.6333333333334" width="123.19999999999999" height="111.99999999999994" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="12.75" data-y="8.25" x="499.2" y="165.83333333333337" width="100.80000000000001" height="302.4" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="12.75" data-y="0.5" x="499.2" y="468.23333333333335" width="100.80000000000001" height="44.80000000000007" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="5" x="476.79999999999995" y="289.0333333333334" width="22.400000000000034" height="201.59999999999997" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="12.75" x="476.79999999999995" y="165.83333333333337" width="22.400000000000034" height="100.80000000000001" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-7.
|
|
1
|
+
<svg width="640" height="1608" viewBox="0 0 640 1608" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="white"/><g><polyline data-points="-10,-10 15,-10 15,15 -10,15 -10,-10" data-type="line" data-label="bounds" points="40,725.8333333333334 600,725.8333333333334 600,165.83333333333337 40,165.83333333333337 40,725.8333333333334" fill="none" stroke="#111827" stroke-width="2.2399999999999998"/></g><g><polyline data-points="-10,-44.89583333333333 15,-44.89583333333333 15,-19.89583333333333 -10,-19.89583333333333 -10,-44.89583333333333" data-type="line" data-label="bounds" points="40,1507.5 600,1507.5 600,947.4999999999999 40,947.4999999999999 40,1507.5" fill="none" stroke="#111827" stroke-width="2.2399999999999998"/></g><g><rect data-type="rect" data-label="node" data-x="-0.25" data-y="7.75" x="40" y="165.83333333333337" width="436.79999999999995" height="324.8" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="5.25" data-y="-5.25" x="163.2" y="513.0333333333334" width="436.8" height="212.79999999999995" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-7.25" data-y="-7.75" x="40" y="625.0333333333333" width="123.19999999999999" height="100.80000000000007" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-7.25" data-y="-2" x="40" y="490.6333333333334" width="123.19999999999999" height="111.99999999999994" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="12.75" data-y="8.25" x="499.2" y="165.83333333333337" width="100.80000000000001" height="302.4" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="12.75" data-y="0.5" x="499.2" y="468.23333333333335" width="100.80000000000001" height="44.80000000000007" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="5" x="476.79999999999995" y="289.0333333333334" width="22.400000000000034" height="201.59999999999997" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="12.75" x="476.79999999999995" y="165.83333333333337" width="22.400000000000034" height="100.80000000000001" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-7" data-y="-5" x="73.60000000000002" y="602.6333333333333" width="67.19999999999999" height="22.399999999999977" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-9.25" data-y="-5" x="40" y="602.6333333333333" width="33.60000000000002" height="22.399999999999977" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="5" data-y="0" x="275.2" y="490.6333333333334" width="201.59999999999997" height="22.400000000000034" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-2.5" data-y="0" x="163.2" y="490.6333333333334" width="89.60000000000002" height="22.400000000000034" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="0" x="252.8" y="490.6333333333334" width="22.399999999999977" height="22.400000000000034" fill="red" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-5" data-y="-5" x="140.8" y="602.6333333333333" width="22.399999999999977" height="22.399999999999977" fill="red" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="0" x="476.79999999999995" y="490.6333333333334" width="22.400000000000034" height="22.400000000000034" fill="red" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="10" x="476.79999999999995" y="266.6333333333334" width="22.400000000000034" height="22.400000000000034" fill="red" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-0.25" data-y="-27.14583333333333" x="40" y="947.4999999999999" width="436.79999999999995" height="324.79999999999984" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="5.25" data-y="-40.14583333333333" x="163.2" y="1294.6999999999998" width="436.8" height="212.80000000000018" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-7.25" data-y="-42.64583333333333" x="40" y="1406.6999999999998" width="123.19999999999999" height="100.80000000000018" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-7.25" data-y="-36.89583333333333" x="40" y="1272.2999999999997" width="123.19999999999999" height="112" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="12.75" data-y="-26.64583333333333" x="499.2" y="947.4999999999999" width="100.80000000000001" height="302.4" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="12.75" data-y="-34.39583333333333" x="499.2" y="1249.8999999999999" width="100.80000000000001" height="44.799999999999955" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="-29.89583333333333" x="476.79999999999995" y="1070.6999999999998" width="22.400000000000034" height="201.5999999999999" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="-22.14583333333333" x="476.79999999999995" y="947.4999999999999" width="22.400000000000034" height="100.79999999999984" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-7" data-y="-39.89583333333333" x="73.60000000000002" y="1384.2999999999997" width="67.19999999999999" height="22.40000000000009" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-9.25" data-y="-39.89583333333333" x="40" y="1384.2999999999997" width="33.60000000000002" height="22.40000000000009" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="5" data-y="-34.89583333333333" x="275.2" y="1272.2999999999997" width="201.59999999999997" height="22.40000000000009" fill="#dbeafe" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-5" data-y="-39.89583333333333" x="140.8" y="1384.2999999999997" width="22.399999999999977" height="22.40000000000009" fill="#fef3c7" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="-34.89583333333333" x="476.79999999999995" y="1272.2999999999997" width="22.400000000000034" height="22.40000000000009" fill="#fef3c7" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="-24.89583333333333" x="476.79999999999995" y="1048.2999999999997" width="22.400000000000034" height="22.40000000000009" fill="#fef3c7" stroke="black" stroke-width="0.044642857142857144"/></g><g><rect data-type="rect" data-label="node" data-x="-2" data-y="-34.89583333333333" x="163.2" y="1272.2999999999997" width="112" height="22.40000000000009" fill="#fef3c7" stroke="black" stroke-width="0.044642857142857144"/></g><text data-type="text" data-label="Layer z=0" data-x="0" data-y="17.416666666666664" x="264" y="111.7000000000001" fill="black" font-size="11.2" font-family="sans-serif" text-anchor="end" dominant-baseline="text-before-edge">Layer z=0</text><text data-type="text" data-label="Layer z=1" data-x="0" data-y="-17.479166666666664" x="264" y="893.3666666666666" fill="black" font-size="11.2" font-family="sans-serif" text-anchor="end" dominant-baseline="text-before-edge">Layer z=1</text><g id="crosshair" style="display: none"><line id="crosshair-h" y1="0" y2="1608" 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[
|
|
2
2
|
document.currentScript.parentElement.addEventListener('mousemove', (e) => {
|
|
3
3
|
const svg = e.currentTarget;
|
|
4
4
|
const rect = svg.getBoundingClientRect();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="640" height="1672" viewBox="0 0 640 1672" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="white"/><g><polyline data-points="-5,-5 25,-5 25,25 -5,25 -5,-5" data-type="line" data-label="bounds" points="39.99999999999997,750.0555555555557 600,750.0555555555557 600,190.0555555555556 39.99999999999997,190.0555555555556 39.99999999999997,750.0555555555557" fill="none" stroke="#111827" stroke-width="1.866666666666667"/></g><g><polyline data-points="-5,-48.791666666666664 25,-48.791666666666664 25,-18.791666666666664 -5,-18.791666666666664 -5,-48.791666666666664" data-type="line" data-label="bounds" points="39.99999999999997,1567.5 600,1567.5 600,1007.5 39.99999999999997,1007.5 39.99999999999997,1567.5" fill="none" stroke="#111827" stroke-width="1.866666666666667"/></g><g><rect data-type="rect" data-label="node" data-x="2.25" data-y="12.75" x="39.99999999999997" y="190.0555555555556" width="270.66666666666663" height="457.3333333333333" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="17.25" data-y="5" x="310.66666666666663" y="479.3888888888889" width="289.33333333333337" height="168" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="17.25" data-y="17.75" x="310.66666666666663" y="190.0555555555556" width="289.33333333333337" height="270.6666666666667" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="14.925" data-y="10" x="376.93333333333334" y="460.7222222222223" width="70" height="18.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="18.675" data-y="10" x="446.93333333333334" y="460.7222222222223" width="70.00000000000006" height="18.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="2.7500000000000004" data-y="-2.75" x="58.66666666666666" y="666.0555555555557" width="251.99999999999997" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="14.5" data-y="-2" x="310.66666666666663" y="647.3888888888889" width="186.66666666666669" height="93.33333333333337" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="22.75" data-y="-2.25" x="516" y="647.3888888888889" width="84" height="102.66666666666674" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="11.774999999999999" data-y="10" x="329.3333333333333" y="460.7222222222223" width="47.599999999999966" height="18.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="22.775" data-y="10" x="516.9333333333333" y="460.7222222222223" width="83.06666666666672" height="18.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-4.5" data-y="-1.0000000000000013" x="39.99999999999997" y="647.3888888888889" width="18.666666666666686" height="56.000000000000114" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-2.2499999999999996" data-y="0" x="58.66666666666666" y="647.3888888888889" width="65.33333333333333" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="2.41875" data-y="0" x="142.66666666666666" y="647.3888888888889" width="71.63333333333335" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="5.8375" data-y="0" x="214.3" y="647.3888888888889" width="55.99999999999994" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="8.41875" data-y="0" x="270.29999999999995" y="647.3888888888889" width="40.366666666666674" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="20" data-y="-2.75" x="497.3333333333333" y="666.0555555555557" width="18.666666666666686" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-4.5" data-y="-3.7500000000000013" x="39.99999999999997" y="703.388888888889" width="18.666666666666686" height="46.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="15" data-y="-4.75" x="329.3333333333333" y="740.7222222222223" width="168" height="9.333333333333371" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="0" x="123.99999999999999" y="647.3888888888889" width="18.66666666666667" height="18.666666666666742" fill="red" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="10" x="310.66666666666663" y="460.7222222222223" width="18.666666666666686" height="18.66666666666663" fill="red" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="20" data-y="0" x="497.3333333333333" y="647.3888888888889" width="18.666666666666686" height="18.666666666666742" fill="red" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="-5" x="310.66666666666663" y="740.7222222222223" width="18.666666666666686" height="18.66666666666663" fill="red" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="2.25" data-y="-31.041666666666664" x="39.99999999999997" y="1007.5" width="270.66666666666663" height="457.3333333333335" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="17.25" data-y="-38.791666666666664" x="310.66666666666663" y="1296.8333333333335" width="289.33333333333337" height="168" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="17.25" data-y="-26.041666666666664" x="310.66666666666663" y="1007.5" width="289.33333333333337" height="270.66666666666674" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="14.925" data-y="-33.791666666666664" x="376.93333333333334" y="1278.1666666666667" width="70" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="18.675" data-y="-33.791666666666664" x="446.93333333333334" y="1278.1666666666667" width="70.00000000000006" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="2.7500000000000004" data-y="-46.541666666666664" x="58.66666666666666" y="1483.5" width="251.99999999999997" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="14.5" data-y="-45.791666666666664" x="310.66666666666663" y="1464.8333333333335" width="186.66666666666669" height="93.33333333333326" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="22.75" data-y="-46.041666666666664" x="516" y="1464.8333333333335" width="84" height="102.66666666666652" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="11.774999999999999" data-y="-33.791666666666664" x="329.3333333333333" y="1278.1666666666667" width="47.599999999999966" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="22.775" data-y="-33.791666666666664" x="516.9333333333333" y="1278.1666666666667" width="83.06666666666672" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-4.5" data-y="-44.791666666666664" x="39.99999999999997" y="1464.8333333333335" width="18.666666666666686" height="56" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-2.2499999999999996" data-y="-43.791666666666664" x="58.66666666666666" y="1464.8333333333335" width="65.33333333333333" height="18.666666666666515" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="2.41875" data-y="-43.791666666666664" x="142.66666666666666" y="1464.8333333333335" width="71.63333333333335" height="18.666666666666515" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="5.8375" data-y="-43.791666666666664" x="214.3" y="1464.8333333333335" width="55.99999999999994" height="18.666666666666515" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="8.41875" data-y="-43.791666666666664" x="270.29999999999995" y="1464.8333333333335" width="40.366666666666674" height="18.666666666666515" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="20" data-y="-46.541666666666664" x="497.3333333333333" y="1483.5" width="18.666666666666686" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-4.5" data-y="-47.541666666666664" x="39.99999999999997" y="1520.8333333333335" width="18.666666666666686" height="46.666666666666515" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="14.5" data-y="-48.541666666666664" x="310.66666666666663" y="1558.1666666666667" width="186.66666666666669" height="9.333333333333258" fill="#fef3c7" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="-33.791666666666664" x="310.66666666666663" y="1278.1666666666667" width="18.666666666666686" height="18.666666666666742" fill="#fef3c7" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="20" data-y="-43.791666666666664" x="497.3333333333333" y="1464.8333333333335" width="18.666666666666686" height="18.666666666666515" fill="#fef3c7" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-43.791666666666664" x="123.99999999999999" y="1464.8333333333335" width="18.66666666666667" height="18.666666666666515" fill="#fef3c7" stroke="black" stroke-width="0.05357142857142857"/></g><text data-type="text" data-label="Layer z=0" data-x="0" data-y="29.083333333333332" x="133.33333333333331" y="113.83333333333337" fill="black" font-size="9.333333333333334" font-family="sans-serif" text-anchor="end" dominant-baseline="text-before-edge">Layer z=0</text><text data-type="text" data-label="Layer z=1" data-x="0" data-y="-14.708333333333332" x="133.33333333333331" y="931.2777777777778" fill="black" font-size="9.333333333333334" font-family="sans-serif" text-anchor="end" dominant-baseline="text-before-edge">Layer z=1</text><g id="crosshair" style="display: none"><line id="crosshair-h" y1="0" y2="1672" 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[
|
|
1
|
+
<svg width="640" height="1672" viewBox="0 0 640 1672" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="white"/><g><polyline data-points="-5,-5 25,-5 25,25 -5,25 -5,-5" data-type="line" data-label="bounds" points="39.99999999999997,750.0555555555557 600,750.0555555555557 600,190.0555555555556 39.99999999999997,190.0555555555556 39.99999999999997,750.0555555555557" fill="none" stroke="#111827" stroke-width="1.866666666666667"/></g><g><polyline data-points="-5,-48.791666666666664 25,-48.791666666666664 25,-18.791666666666664 -5,-18.791666666666664 -5,-48.791666666666664" data-type="line" data-label="bounds" points="39.99999999999997,1567.5 600,1567.5 600,1007.5 39.99999999999997,1007.5 39.99999999999997,1567.5" fill="none" stroke="#111827" stroke-width="1.866666666666667"/></g><g><rect data-type="rect" data-label="node" data-x="2.25" data-y="12.75" x="39.99999999999997" y="190.0555555555556" width="270.66666666666663" height="457.3333333333333" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="17.25" data-y="5" x="310.66666666666663" y="479.3888888888889" width="289.33333333333337" height="168" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="17.25" data-y="17.75" x="310.66666666666663" y="190.0555555555556" width="289.33333333333337" height="270.6666666666667" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="14.924999999999997" data-y="10" x="376.9333333333333" y="460.7222222222223" width="70" height="18.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="18.675" data-y="10" x="446.93333333333334" y="460.7222222222223" width="70.00000000000006" height="18.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="2.75" data-y="-2.75" x="58.66666666666664" y="666.0555555555557" width="252" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="14.5" data-y="-2" x="310.66666666666663" y="647.3888888888889" width="186.66666666666669" height="93.33333333333337" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="22.75" data-y="-2.25" x="516" y="647.3888888888889" width="84" height="102.66666666666674" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="11.775" data-y="10" x="329.3333333333333" y="460.7222222222223" width="47.60000000000002" height="18.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="22.775" data-y="10" x="516.9333333333333" y="460.7222222222223" width="83.06666666666672" height="18.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-2.3" data-y="0" x="56.79999999999998" y="647.3888888888889" width="67.2" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="2.41875" data-y="0" x="142.66666666666666" y="647.3888888888889" width="71.63333333333335" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="5.8374999999999995" data-y="0" x="214.29999999999998" y="647.3888888888889" width="55.99999999999997" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="8.41875" data-y="0" x="270.29999999999995" y="647.3888888888889" width="40.366666666666674" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="20" data-y="-2.75" x="497.3333333333333" y="666.0555555555557" width="18.666666666666686" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-4.5" data-y="-2.75" x="39.99999999999997" y="666.0555555555557" width="18.66666666666667" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-4.55" data-y="0" x="39.99999999999997" y="647.3888888888889" width="16.80000000000001" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="15" data-y="-4.75" x="329.3333333333333" y="740.7222222222223" width="168" height="9.333333333333371" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="0" x="123.99999999999999" y="647.3888888888889" width="18.66666666666667" height="18.666666666666742" fill="red" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="10" x="310.66666666666663" y="460.7222222222223" width="18.666666666666686" height="18.66666666666663" fill="red" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="20" data-y="0" x="497.3333333333333" y="647.3888888888889" width="18.666666666666686" height="18.666666666666742" fill="red" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="-5" x="310.66666666666663" y="740.7222222222223" width="18.666666666666686" height="18.66666666666663" fill="red" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="2.25" data-y="-31.041666666666664" x="39.99999999999997" y="1007.5" width="270.66666666666663" height="457.3333333333335" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="17.25" data-y="-38.791666666666664" x="310.66666666666663" y="1296.8333333333335" width="289.33333333333337" height="168" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="17.25" data-y="-26.041666666666664" x="310.66666666666663" y="1007.5" width="289.33333333333337" height="270.66666666666674" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="14.924999999999997" data-y="-33.791666666666664" x="376.9333333333333" y="1278.1666666666667" width="70" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="18.675" data-y="-33.791666666666664" x="446.93333333333334" y="1278.1666666666667" width="70.00000000000006" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="2.75" data-y="-46.541666666666664" x="58.66666666666664" y="1483.5" width="252" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="14.5" data-y="-45.791666666666664" x="310.66666666666663" y="1464.8333333333335" width="186.66666666666669" height="93.33333333333326" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="22.75" data-y="-46.041666666666664" x="516" y="1464.8333333333335" width="84" height="102.66666666666652" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="11.775" data-y="-33.791666666666664" x="329.3333333333333" y="1278.1666666666667" width="47.60000000000002" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="22.775" data-y="-33.791666666666664" x="516.9333333333333" y="1278.1666666666667" width="83.06666666666672" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-2.3" data-y="-43.791666666666664" x="56.79999999999998" y="1464.8333333333335" width="67.2" height="18.666666666666515" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="2.41875" data-y="-43.791666666666664" x="142.66666666666666" y="1464.8333333333335" width="71.63333333333335" height="18.666666666666515" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="5.8374999999999995" data-y="-43.791666666666664" x="214.29999999999998" y="1464.8333333333335" width="55.99999999999997" height="18.666666666666515" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="8.41875" data-y="-43.791666666666664" x="270.29999999999995" y="1464.8333333333335" width="40.366666666666674" height="18.666666666666515" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="20" data-y="-46.541666666666664" x="497.3333333333333" y="1483.5" width="18.666666666666686" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-4.5" data-y="-46.541666666666664" x="39.99999999999997" y="1483.5" width="18.66666666666667" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-4.55" data-y="-43.791666666666664" x="39.99999999999997" y="1464.8333333333335" width="16.80000000000001" height="18.666666666666515" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="-33.791666666666664" x="310.66666666666663" y="1278.1666666666667" width="18.666666666666686" height="18.666666666666742" fill="#fef3c7" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="20" data-y="-43.791666666666664" x="497.3333333333333" y="1464.8333333333335" width="18.666666666666686" height="18.666666666666515" fill="#fef3c7" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="14.5" data-y="-48.541666666666664" x="310.66666666666663" y="1558.1666666666667" width="186.66666666666669" height="9.333333333333258" fill="#fef3c7" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-43.791666666666664" x="123.99999999999999" y="1464.8333333333335" width="18.66666666666667" height="18.666666666666515" fill="#fef3c7" stroke="black" stroke-width="0.05357142857142857"/></g><text data-type="text" data-label="Layer z=0" data-x="0" data-y="29.083333333333332" x="133.33333333333331" y="113.83333333333337" fill="black" font-size="9.333333333333334" font-family="sans-serif" text-anchor="end" dominant-baseline="text-before-edge">Layer z=0</text><text data-type="text" data-label="Layer z=1" data-x="0" data-y="-14.708333333333332" x="133.33333333333331" y="931.2777777777778" fill="black" font-size="9.333333333333334" font-family="sans-serif" text-anchor="end" dominant-baseline="text-before-edge">Layer z=1</text><g id="crosshair" style="display: none"><line id="crosshair-h" y1="0" y2="1672" 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[
|
|
2
2
|
document.currentScript.parentElement.addEventListener('mousemove', (e) => {
|
|
3
3
|
const svg = e.currentTarget;
|
|
4
4
|
const rect = svg.getBoundingClientRect();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="640" height="1714" viewBox="0 0 640 1714" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="white"/><g><polyline data-points="-5,-5 5,-5 5,5 -5,5 -5,-5" data-type="line" data-label="bounds" points="40,773.6999999999999 600,773.6999999999999 600,213.69999999999993 40,213.69999999999993 40,773.6999999999999" fill="none" stroke="#111827" stroke-width="5.6000000000000005"/></g><g><polyline data-points="-5,-19.875 5,-19.875 5,-9.875 -5,-9.875 -5,-19.875" data-type="line" data-label="bounds" points="40,1606.6999999999998 600,1606.6999999999998 600,1046.6999999999998 40,1046.6999999999998 40,1606.6999999999998" fill="none" stroke="#111827" stroke-width="5.6000000000000005"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="0.
|
|
1
|
+
<svg width="640" height="1714" viewBox="0 0 640 1714" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="white"/><g><polyline data-points="-5,-5 5,-5 5,5 -5,5 -5,-5" data-type="line" data-label="bounds" points="40,773.6999999999999 600,773.6999999999999 600,213.69999999999993 40,213.69999999999993 40,773.6999999999999" fill="none" stroke="#111827" stroke-width="5.6000000000000005"/></g><g><polyline data-points="-5,-19.875 5,-19.875 5,-9.875 -5,-9.875 -5,-19.875" data-type="line" data-label="bounds" points="40,1606.6999999999998 600,1606.6999999999998 600,1046.6999999999998 40,1046.6999999999998 40,1606.6999999999998" fill="none" stroke="#111827" stroke-width="5.6000000000000005"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="0.8" x="241.60000000000002" y="213.69999999999993" width="156.79999999999995" height="470.4" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="-3.2" data-y="-2.8000000000000003" x="40" y="527.3" width="201.59999999999997" height="246.39999999999998" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="-3.2" data-y="2.7999999999999994" x="40" y="213.7" width="201.59999999999997" height="246.39999999999998" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="3.2" data-y="-2.8000000000000003" x="398.4" y="527.3" width="201.60000000000002" height="246.39999999999998" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="3.2" data-y="1" x="398.4" y="415.29999999999995" width="201.60000000000002" height="44.799999999999955" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="-3.8" data-y="0" x="40" y="460.0999999999999" width="134.40000000000003" height="67.20000000000005" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-4.2" x="241.60000000000002" y="684.0999999999999" width="156.79999999999995" height="89.60000000000002" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="3.2" data-y="3.8" x="398.4" y="213.69999999999993" width="201.60000000000002" height="134.40000000000003" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="3.8" data-y="1.9999999999999998" x="465.59999999999997" y="348.09999999999997" width="134.40000000000003" height="67.19999999999999" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="3.8" data-y="0" x="465.59999999999997" y="460.0999999999999" width="134.40000000000003" height="67.20000000000005" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="-2" data-y="0" x="174.4" y="460.0999999999999" width="67.20000000000002" height="67.20000000000005" fill="red" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="1.9999999999999998" data-y="0" x="398.4" y="460.0999999999999" width="67.19999999999999" height="67.20000000000005" fill="red" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="1.9999999999999998" data-y="1.9999999999999998" x="398.4" y="348.09999999999997" width="67.19999999999999" height="67.19999999999999" fill="red" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-14.075" x="241.60000000000002" y="1046.6999999999998" width="156.79999999999995" height="470.4000000000001" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="-3.2" data-y="-17.675" x="40" y="1360.3000000000002" width="201.59999999999997" height="246.39999999999964" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="-3.2" data-y="-12.075000000000001" x="40" y="1046.7" width="201.59999999999997" height="246.39999999999986" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="3.2" data-y="-17.675" x="398.4" y="1360.3000000000002" width="201.60000000000002" height="246.39999999999964" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="3.2" data-y="-13.875" x="398.4" y="1248.3" width="201.60000000000002" height="44.799999999999955" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="-3.8" data-y="-14.875" x="40" y="1293.1" width="134.40000000000003" height="67.20000000000005" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-19.075" x="241.60000000000002" y="1517.1" width="156.79999999999995" height="89.59999999999991" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="3.2" data-y="-11.075" x="398.4" y="1046.6999999999998" width="201.60000000000002" height="134.4000000000001" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="3.8" data-y="-12.875" x="465.59999999999997" y="1181.1" width="134.40000000000003" height="67.20000000000005" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="3.8" data-y="-14.875" x="465.59999999999997" y="1293.1" width="134.40000000000003" height="67.20000000000005" fill="#dbeafe" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="-2" data-y="-14.875" x="174.4" y="1293.1" width="67.20000000000002" height="67.20000000000005" fill="#fef3c7" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="1.9999999999999998" data-y="-12.875" x="398.4" y="1181.1" width="67.19999999999999" height="67.20000000000005" fill="#fef3c7" stroke="black" stroke-width="0.017857142857142856"/></g><g><rect data-type="rect" data-label="node" data-x="1.9999999999999998" data-y="-14.875" x="398.4" y="1293.1" width="67.19999999999999" height="67.20000000000005" fill="#fef3c7" stroke="black" stroke-width="0.017857142857142856"/></g><text data-type="text" data-label="Layer z=0" data-x="0" data-y="6.3999999999999995" x="320" y="135.29999999999995" fill="black" font-size="28" font-family="sans-serif" text-anchor="end" dominant-baseline="text-before-edge">Layer z=0</text><text data-type="text" data-label="Layer z=1" data-x="0" data-y="-8.475000000000001" x="320" y="968.3" fill="black" font-size="28" font-family="sans-serif" text-anchor="end" dominant-baseline="text-before-edge">Layer z=1</text><g id="crosshair" style="display: none"><line id="crosshair-h" y1="0" y2="1714" 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[
|
|
2
2
|
document.currentScript.parentElement.addEventListener('mousemove', (e) => {
|
|
3
3
|
const svg = e.currentTarget;
|
|
4
4
|
const rect = svg.getBoundingClientRect();
|