@tscircuit/schematic-trace-solver 0.0.87 → 0.0.89

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.
Files changed (118) hide show
  1. package/.agents/skills/schematic-trace-visualization/SKILL.md +115 -0
  2. package/.github/scripts/import-json-bug-report.ts +15 -1
  3. package/.github/workflows/json-bug-report.yml +3 -2
  4. package/AGENTS.md +22 -0
  5. package/dist/index.js +30 -22
  6. package/lib/solvers/Example28Solver/reroute.ts +10 -0
  7. package/lib/testing/PipelineStageDebugRunner.ts +344 -0
  8. package/package.json +3 -2
  9. package/scripts/debug-pipeline-stages.ts +146 -0
  10. package/site/bug-reports/bug-report-20260706T220324Z.page.tsx +4 -0
  11. package/site/bug-reports/bug-report-20260707T020342Z.page.tsx +4 -0
  12. package/site/bug-reports/bug-report-20260707T092615Z.page.tsx +4 -0
  13. package/site/bug-reports/bug-report-20260707T134549Z.page.tsx +4 -0
  14. package/site/bug-reports/bug-report-20260707T134722Z.page.tsx +4 -0
  15. package/site/bug-reports/bug-report-20260707T140410Z.page.tsx +4 -0
  16. package/site/bug-reports/bug-report-20260707T141025Z.page.tsx +4 -0
  17. package/site/bug-reports/bug-report-20260707T141421Z.page.tsx +4 -0
  18. package/tests/bug-reports/bug-report-20260706T213649Z/__snapshots__/bug-report-20260706T213649Z.snap.svg +386 -0
  19. package/tests/bug-reports/bug-report-20260706T213649Z/bug-report-20260706T213649Z.json +1471 -0
  20. package/tests/bug-reports/bug-report-20260706T213649Z/bug-report-20260706T213649Z.test.ts +12 -0
  21. package/tests/bug-reports/bug-report-20260706T220324Z/__snapshots__/bug-report-20260706T220324Z.snap.svg +357 -3448
  22. package/tests/bug-reports/bug-report-20260707T020342Z/__snapshots__/bug-report-20260707T020342Z.snap.svg +64 -0
  23. package/tests/bug-reports/bug-report-20260707T020342Z/bug-report-20260707T020342Z.json +233 -0
  24. package/tests/bug-reports/bug-report-20260707T020342Z/bug-report-20260707T020342Z.test.ts +12 -0
  25. package/tests/bug-reports/bug-report-20260707T092615Z/__snapshots__/bug-report-20260707T092615Z.snap.svg +252 -0
  26. package/tests/bug-reports/bug-report-20260707T092615Z/bug-report-20260707T092615Z.json +1392 -0
  27. package/tests/bug-reports/bug-report-20260707T092615Z/bug-report-20260707T092615Z.test.ts +12 -0
  28. package/tests/bug-reports/bug-report-20260707T134549Z/__snapshots__/bug-report-20260707T134549Z.snap.svg +124 -0
  29. package/tests/bug-reports/bug-report-20260707T134549Z/bug-report-20260707T134549Z.json +652 -0
  30. package/tests/bug-reports/bug-report-20260707T134549Z/bug-report-20260707T134549Z.test.ts +12 -0
  31. package/tests/bug-reports/bug-report-20260707T134722Z/__snapshots__/bug-report-20260707T134722Z.snap.svg +73 -0
  32. package/tests/bug-reports/bug-report-20260707T134722Z/bug-report-20260707T134722Z.json +265 -0
  33. package/tests/bug-reports/bug-report-20260707T134722Z/bug-report-20260707T134722Z.test.ts +12 -0
  34. package/tests/bug-reports/bug-report-20260707T140410Z/__snapshots__/bug-report-20260707T140410Z.snap.svg +154 -0
  35. package/tests/bug-reports/bug-report-20260707T140410Z/bug-report-20260707T140410Z.json +610 -0
  36. package/tests/bug-reports/bug-report-20260707T140410Z/bug-report-20260707T140410Z.test.ts +12 -0
  37. package/tests/bug-reports/bug-report-20260707T141025Z/__snapshots__/bug-report-20260707T141025Z.snap.svg +67 -0
  38. package/tests/bug-reports/bug-report-20260707T141025Z/bug-report-20260707T141025Z.json +185 -0
  39. package/tests/bug-reports/bug-report-20260707T141025Z/bug-report-20260707T141025Z.test.ts +12 -0
  40. package/tests/bug-reports/bug-report-20260707T141421Z/__snapshots__/bug-report-20260707T141421Z.snap.svg +114 -0
  41. package/tests/bug-reports/bug-report-20260707T141421Z/bug-report-20260707T141421Z.json +499 -0
  42. package/tests/bug-reports/bug-report-20260707T141421Z/bug-report-20260707T141421Z.test.ts +23 -0
  43. package/tests/examples/__snapshots__/example01.snap.svg +59 -162
  44. package/tests/examples/__snapshots__/example02.snap.svg +64 -273
  45. package/tests/examples/__snapshots__/example03.snap.svg +85 -290
  46. package/tests/examples/__snapshots__/example04.snap.svg +50 -94
  47. package/tests/examples/__snapshots__/example05.snap.svg +73 -191
  48. package/tests/examples/__snapshots__/example06.snap.svg +49 -95
  49. package/tests/examples/__snapshots__/example07.snap.svg +65 -218
  50. package/tests/examples/__snapshots__/example08.snap.svg +61 -143
  51. package/tests/examples/__snapshots__/example09.snap.svg +123 -493
  52. package/tests/examples/__snapshots__/example10.snap.svg +57 -136
  53. package/tests/examples/__snapshots__/example11.snap.svg +64 -173
  54. package/tests/examples/__snapshots__/example12.snap.svg +58 -159
  55. package/tests/examples/__snapshots__/example13.snap.svg +78 -348
  56. package/tests/examples/__snapshots__/example14.snap.svg +77 -293
  57. package/tests/examples/__snapshots__/example15.snap.svg +140 -984
  58. package/tests/examples/__snapshots__/example16.snap.svg +62 -162
  59. package/tests/examples/__snapshots__/example17.snap.svg +67 -198
  60. package/tests/examples/__snapshots__/example18.snap.svg +69 -249
  61. package/tests/examples/__snapshots__/example19.snap.svg +63 -202
  62. package/tests/examples/__snapshots__/example20.snap.svg +60 -148
  63. package/tests/examples/__snapshots__/example21.snap.svg +73 -298
  64. package/tests/examples/__snapshots__/example22.snap.svg +62 -156
  65. package/tests/examples/__snapshots__/example23.snap.svg +66 -172
  66. package/tests/examples/__snapshots__/example24.snap.svg +64 -164
  67. package/tests/examples/__snapshots__/example25.snap.svg +76 -299
  68. package/tests/examples/__snapshots__/example26.snap.svg +64 -164
  69. package/tests/examples/__snapshots__/example27.snap.svg +83 -300
  70. package/tests/examples/__snapshots__/example28.snap.svg +54 -115
  71. package/tests/examples/__snapshots__/example29.snap.svg +257 -1299
  72. package/tests/examples/__snapshots__/example30.snap.svg +91 -293
  73. package/tests/examples/__snapshots__/example31.snap.svg +47 -88
  74. package/tests/examples/__snapshots__/example32.snap.svg +107 -405
  75. package/tests/examples/__snapshots__/example33.snap.svg +71 -180
  76. package/tests/examples/__snapshots__/example34.snap.svg +55 -116
  77. package/tests/examples/__snapshots__/example35.snap.svg +69 -176
  78. package/tests/examples/__snapshots__/example36.snap.svg +65 -159
  79. package/tests/examples/__snapshots__/example37.snap.svg +75 -223
  80. package/tests/examples/__snapshots__/example38.snap.svg +46 -76
  81. package/tests/examples/__snapshots__/example39.snap.svg +51 -106
  82. package/tests/examples/__snapshots__/example40.snap.svg +83 -270
  83. package/tests/examples/__snapshots__/example41.snap.svg +54 -118
  84. package/tests/examples/__snapshots__/example42.snap.svg +67 -194
  85. package/tests/examples/__snapshots__/example43.snap.svg +62 -168
  86. package/tests/examples/__snapshots__/example44.snap.svg +86 -369
  87. package/tests/examples/__snapshots__/example45.snap.svg +60 -169
  88. package/tests/examples/__snapshots__/example46.snap.svg +80 -342
  89. package/tests/examples/__snapshots__/example47.snap.svg +82 -323
  90. package/tests/examples/__snapshots__/example48.snap.svg +64 -167
  91. package/tests/examples/__snapshots__/example49.snap.svg +120 -565
  92. package/tests/examples/__snapshots__/example50.snap.svg +71 -189
  93. package/tests/fixtures/getLastStepGraphicsObject.ts +38 -0
  94. package/tests/fixtures/getLastStepSvg.ts +9 -0
  95. package/tests/repros/__snapshots__/bugreport-001-gnd-overlap.snap.svg +67 -218
  96. package/tests/repros/__snapshots__/manufacturePartNumber-text-box.snap.svg +47 -87
  97. package/tests/repros/__snapshots__/netlabel-connector-through-rail-label.snap.svg +73 -272
  98. package/tests/repros/__snapshots__/repro-atmega328p-fault-pullup.snap.svg +88 -0
  99. package/tests/repros/__snapshots__/repro-atmega328p-missing-gnd-netlabel.snap.svg +118 -0
  100. package/tests/repros/__snapshots__/repro-bq24074-battery-charger.snap.svg +94 -395
  101. package/tests/repros/__snapshots__/repro-cc2340r5.snap.svg +88 -467
  102. package/tests/repros/__snapshots__/repro-ina237-current-monitor.snap.svg +109 -569
  103. package/tests/repros/__snapshots__/repro130-bq27441-fuel-gauge-trace-through-c1.snap.svg +95 -459
  104. package/tests/repros/__snapshots__/repro51-overlap-junction-crossing.snap.svg +64 -176
  105. package/tests/repros/__snapshots__/trace-overlap-box-resistor.snap.svg +51 -112
  106. package/tests/repros/assets/repro-atmega328p-fault-pullup.input.json +239 -0
  107. package/tests/repros/assets/repro-atmega328p-missing-gnd-netlabel.input.json +432 -0
  108. package/tests/repros/repro-atmega328p-fault-pullup.test.ts +11 -0
  109. package/tests/repros/repro-atmega328p-missing-gnd-netlabel.test.ts +16 -0
  110. package/tests/solvers/SchematicTraceSingleLineSolver2/__snapshots__/SchematicTraceSingleLineSolver2_01-example17-d1_1-u1_1.snap.svg +59 -159
  111. package/tests/solvers/TraceCleanupSolver/__snapshots__/TraceCleanupSolver.snap.svg +54 -118
  112. package/tests/solvers/TraceLabelOverlapAvoidanceSolver/__snapshots__/TraceLabelOverlapAvoidanceSolver.snap.svg +58 -245
  113. package/tests/solvers/TraceLabelOverlapAvoidanceSolver/renderComparisonView/__snapshots__/renderComparisonView01.snap.svg +73 -222
  114. package/tests/solvers/TraceLabelOverlapAvoidanceSolver/renderComparisonView/__snapshots__/renderComparisonView02.snap.svg +65 -204
  115. package/tests/solvers/TraceLabelOverlapAvoidanceSolver/renderComparisonView/__snapshots__/renderComparisonView03.snap.svg +65 -183
  116. package/tests/solvers/TraceLabelOverlapAvoidanceSolver/sub-solver/__snapshots__/MergedNetLabelObstacles.snap.svg +54 -139
  117. package/tests/solvers/TraceLabelOverlapAvoidanceSolver/sub-solver/__snapshots__/OverlapAvoidanceStepSolver.snap.svg +61 -215
  118. package/tests/solvers/TraceLabelOverlapAvoidanceSolver/sub-solver/__snapshots__/SingleOverlapSolver.snap.svg +54 -124
@@ -1,137 +1,58 @@
1
- <svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
2
- <rect width="100%" height="100%" fill="white" />
3
- <g>
4
- <circle data-type="point" data-label="Q1_NPN.1
5
- y-" data-x="-2.2855604555" data-y="-0.5519250999999993" cx="75.52953054163507" cy="363.57697710476646" r="3" fill="hsl(256, 100%, 50%, 0.8)" />
6
- </g>
7
- <g>
8
- <circle data-type="point" data-label="Q1_NPN.2
9
- y+" data-x="-2.2855604555000015" data-y="0.5519250999999993" cx="75.52953054163495" cy="276.42302289523354" r="3" fill="hsl(257, 100%, 50%, 0.8)" />
10
- </g>
11
- <g>
12
- <circle data-type="point" data-label="Q1_NPN.3
13
- x+" data-x="-1.5938689350000006" data-y="0.004526300000001031" cx="130.1416972149565" cy="319.6426281909097" r="3" fill="hsl(258, 100%, 50%, 0.8)" />
14
- </g>
15
- <g>
16
- <circle data-type="point" data-label="Q2_PNP.1
17
- y-" data-x="3.2144395445" data-y="-0.5519250999999993" cx="509.7793482727289" cy="363.57697710476646" r="3" fill="hsl(79, 100%, 50%, 0.8)" />
18
- </g>
19
- <g>
20
- <circle data-type="point" data-label="Q2_PNP.2
21
- y+" data-x="3.2144395444999985" data-y="0.5519250999999993" cx="509.7793482727288" cy="276.42302289523354" r="3" fill="hsl(80, 100%, 50%, 0.8)" />
22
- </g>
23
- <g>
24
- <circle data-type="point" data-label="Q2_PNP.3
25
- x+" data-x="3.9061310649999994" data-y="0.004526300000001031" cx="564.3915149460504" cy="319.6426281909097" r="3" fill="hsl(81, 100%, 50%, 0.8)" />
26
- </g>
27
- <g>
28
- <circle data-type="point" data-label="anchorPoint
29
- orientation: x-" data-x="-2.2855604555" data-y="-0.6519250999999994" cx="75.52953054163507" cy="371.4724283362409" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
30
- </g>
31
- <g>
32
- <circle data-type="point" data-label="anchorPoint
33
- orientation: x-" data-x="-2.2855604555000015" data-y="0.6519250999999994" cx="75.52953054163495" cy="268.5275716637591" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
34
- </g>
35
- <g>
36
- <circle data-type="point" data-label="anchorPoint
37
- orientation: x+" data-x="-1.5938689350000006" data-y="0.004526300000001031" cx="130.1416972149565" cy="319.6426281909097" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
38
- </g>
39
- <g>
40
- <circle data-type="point" data-label="anchorPoint
41
- orientation: x+" data-x="3.9061310649999994" data-y="0.004526300000001031" cx="564.3915149460504" cy="319.6426281909097" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
42
- </g>
43
- <g>
44
- <polyline data-points="-2.2855604555,-0.5519250999999993 3.2144395445,-0.5519250999999993" data-type="line" data-label="" points="75.52953054163507,363.57697710476646 509.7793482727289,363.57697710476646" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
45
- </g>
46
- <g>
47
- <polyline data-points="-2.2855604555000015,0.5519250999999993 3.2144395444999985,0.5519250999999993" data-type="line" data-label="" points="75.52953054163495,276.42302289523354 509.7793482727288,276.42302289523354" fill="none" stroke="hsl(102, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
48
- </g>
49
- <g>
50
- <polyline data-points="-1.5938689350000006,0.004526300000001031 3.9061310649999994,0.004526300000001031" data-type="line" data-label="" points="130.1416972149565,319.6426281909097 564.3915149460504,319.6426281909097" fill="none" stroke="hsl(321, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
51
- </g>
52
- <g>
53
- <polyline data-points="-2.2855604555,-0.5519250999999993 -2.2855604555,-0.7519250999999995 3.2144395445,-0.7519250999999995 3.2144395445,-0.5519250999999993" data-type="line" data-label="" points="75.52953054163507,363.57697710476646 75.52953054163507,379.3678795677153 509.7793482727289,379.3678795677153 509.7793482727289,363.57697710476646" fill="none" stroke="purple" stroke-width="1" />
54
- </g>
55
- <g>
56
- <polyline data-points="-2.2855604555000015,0.5519250999999993 -2.2855604555000015,0.7519250999999995 3.2144395444999985,0.7519250999999995 3.2144395444999985,0.5519250999999993" data-type="line" data-label="" points="75.52953054163495,276.42302289523354 75.52953054163495,260.6321204322847 509.7793482727288,260.6321204322847 509.7793482727288,276.42302289523354" fill="none" stroke="purple" stroke-width="1" />
57
- </g>
58
- <g>
59
- <rect data-type="rect" data-label="schematic_component_0" data-x="-2" data-y="0" x="66.00993686907114" y="276.42302289523354" width="64.13176034588537" height="87.15395420953291" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01266552057232143" />
60
- </g>
61
- <g>
62
- <rect data-type="rect" data-label="schematic_component_1" data-x="3.5" data-y="0" x="500.25975460016497" y="276.42302289523354" width="64.13176034588543" height="87.15395420953291" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01266552057232143" />
63
- </g>
64
- <g>
65
- <rect data-type="rect" data-label="netId: collector
66
- globalConnNetId: connectivity_net0" data-x="-2.5105604555000003" data-y="-0.6519250999999994" x="40.000000000000085" y="363.57697710476646" width="35.52953054163498" height="15.79090246294885" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01266552057232143" />
67
- </g>
68
- <g>
69
- <rect data-type="rect" data-label="netId: emitter
70
- globalConnNetId: connectivity_net1" data-x="-2.5105604555000016" data-y="0.6519250999999994" x="40" y="260.6321204322847" width="35.529530541634955" height="15.79090246294885" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01266552057232143" />
71
- </g>
72
- <g>
73
- <rect data-type="rect" data-label="netId: base
74
- globalConnNetId: connectivity_net2" data-x="-1.3678689350000006" data-y="0.004526300000001031" x="130.22065172727125" y="311.74717695943525" width="35.529530541634955" height="15.79090246294885" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01266552057232143" />
75
- </g>
76
- <g>
77
- <rect data-type="rect" data-label="netId: base
78
- globalConnNetId: connectivity_net2" data-x="4.132131064999999" data-y="0.004526300000001031" x="564.4704694583651" y="311.74717695943525" width="35.52953054163493" height="15.79090246294885" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01266552057232143" />
79
- </g>
80
- <g id="crosshair" style="display: none">
81
- <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
82
- <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>
83
- </g>
84
- <script>
85
- <![CDATA[
86
- document.currentScript.parentElement.addEventListener('mousemove', (e) => {
87
- const svg = e.currentTarget;
88
- const rect = svg.getBoundingClientRect();
89
- const x = e.clientX - rect.left;
90
- const y = e.clientY - rect.top;
91
- const crosshair = svg.getElementById('crosshair');
92
- const h = svg.getElementById('crosshair-h');
93
- const v = svg.getElementById('crosshair-v');
94
- const coords = svg.getElementById('coordinates');
1
+ <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><polyline data-points="-2.2855604555,-0.5519250999999993 3.2144395445,-0.5519250999999993" data-type="line" data-label="" points="75.52953054163507,363.57697710476646 509.7793482727289,363.57697710476646" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="-2.2855604555000015,0.5519250999999993 3.2144395444999985,0.5519250999999993" data-type="line" data-label="" points="75.52953054163495,276.42302289523354 509.7793482727288,276.42302289523354" fill="none" stroke="hsl(102, 100%, 50%, 0.8)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="-1.5938689350000006,0.004526300000001031 3.9061310649999994,0.004526300000001031" data-type="line" data-label="" points="130.1416972149565,319.6426281909097 564.3915149460504,319.6426281909097" fill="none" stroke="hsl(321, 100%, 50%, 0.8)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="-2.2855604555,-0.5519250999999993 -2.2855604555,-0.7519250999999995 3.2144395445,-0.7519250999999995 3.2144395445,-0.5519250999999993" data-type="line" data-label="" points="75.52953054163507,363.57697710476646 75.52953054163507,379.3678795677153 509.7793482727289,379.3678795677153 509.7793482727289,363.57697710476646" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="-2.2855604555000015,0.5519250999999993 -2.2855604555000015,0.7519250999999995 3.2144395444999985,0.7519250999999995 3.2144395444999985,0.5519250999999993" data-type="line" data-label="" points="75.52953054163495,276.42302289523354 75.52953054163495,260.6321204322847 509.7793482727288,260.6321204322847 509.7793482727288,276.42302289523354" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="-2" data-y="0" x="66.00993686907114" y="276.42302289523354" width="64.13176034588537" height="87.15395420953291" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01266552057232143"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="3.5" data-y="0" x="500.259754600165" y="276.42302289523354" width="64.13176034588543" height="87.15395420953291" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01266552057232143"/></g><g><rect data-type="rect" data-label="netId: collector
2
+ globalConnNetId: connectivity_net0" data-x="-2.5105604555000003" data-y="-0.6519250999999994" x="40.000000000000085" y="363.57697710476646" width="35.52953054163498" height="15.79090246294885" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01266552057232143"/></g><g><rect data-type="rect" data-label="netId: emitter
3
+ globalConnNetId: connectivity_net1" data-x="-2.5105604555000016" data-y="0.6519250999999994" x="39.999999999999986" y="260.63212043228464" width="35.529530541634955" height="15.79090246294885" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01266552057232143"/></g><g><rect data-type="rect" data-label="netId: base
4
+ globalConnNetId: connectivity_net2" data-x="-1.3678689350000006" data-y="0.004526300000001031" x="130.22065172727127" y="311.74717695943525" width="35.529530541634955" height="15.79090246294885" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01266552057232143"/></g><g><rect data-type="rect" data-label="netId: base
5
+ globalConnNetId: connectivity_net2" data-x="4.132131064999999" data-y="0.004526300000001031" x="564.4704694583652" y="311.74717695943525" width="35.52953054163493" height="15.79090246294885" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01266552057232143"/></g><g><circle data-type="point" data-label="Q1_NPN.1
6
+ y-" data-x="-2.2855604555" data-y="-0.5519250999999993" cx="75.52953054163507" cy="363.57697710476646" r="3" fill="hsl(256, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="Q1_NPN.2
7
+ y+" data-x="-2.2855604555000015" data-y="0.5519250999999993" cx="75.52953054163495" cy="276.42302289523354" r="3" fill="hsl(257, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="Q1_NPN.3
8
+ x+" data-x="-1.5938689350000006" data-y="0.004526300000001031" cx="130.1416972149565" cy="319.6426281909097" r="3" fill="hsl(258, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="Q2_PNP.1
9
+ y-" data-x="3.2144395445" data-y="-0.5519250999999993" cx="509.7793482727289" cy="363.57697710476646" r="3" fill="hsl(79, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="Q2_PNP.2
10
+ y+" data-x="3.2144395444999985" data-y="0.5519250999999993" cx="509.7793482727288" cy="276.42302289523354" r="3" fill="hsl(80, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="Q2_PNP.3
11
+ x+" data-x="3.9061310649999994" data-y="0.004526300000001031" cx="564.3915149460504" cy="319.6426281909097" r="3" fill="hsl(81, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="anchorPoint
12
+ orientation: x-" data-x="-2.2855604555" data-y="-0.6519250999999994" cx="75.52953054163507" cy="371.4724283362409" r="3" fill="hsl(40, 100%, 50%, 0.9)"/></g><g><circle data-type="point" data-label="anchorPoint
13
+ orientation: x-" data-x="-2.2855604555000015" data-y="0.6519250999999994" cx="75.52953054163495" cy="268.5275716637591" r="3" fill="hsl(40, 100%, 50%, 0.9)"/></g><g><circle data-type="point" data-label="anchorPoint
14
+ orientation: x+" data-x="-1.5938689350000006" data-y="0.004526300000001031" cx="130.1416972149565" cy="319.6426281909097" r="3" fill="hsl(40, 100%, 50%, 0.9)"/></g><g><circle data-type="point" data-label="anchorPoint
15
+ orientation: x+" data-x="3.9061310649999994" data-y="0.004526300000001031" cx="564.3915149460504" cy="319.6426281909097" r="3" fill="hsl(40, 100%, 50%, 0.9)"/></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[
16
+ document.currentScript.parentElement.addEventListener('mousemove', (e) => {
17
+ const svg = e.currentTarget;
18
+ const rect = svg.getBoundingClientRect();
19
+ const x = e.clientX - rect.left;
20
+ const y = e.clientY - rect.top;
21
+ const crosshair = svg.getElementById('crosshair');
22
+ const h = svg.getElementById('crosshair-h');
23
+ const v = svg.getElementById('crosshair-v');
24
+ const coords = svg.getElementById('coordinates');
25
+
26
+ crosshair.style.display = 'block';
27
+ h.setAttribute('x1', '0');
28
+ h.setAttribute('x2', '640');
29
+ h.setAttribute('y1', y);
30
+ h.setAttribute('y2', y);
31
+ v.setAttribute('x1', x);
32
+ v.setAttribute('x2', x);
33
+ v.setAttribute('y1', '0');
34
+ v.setAttribute('y2', '640');
95
35
 
96
- crosshair.style.display = 'block';
97
- h.setAttribute('x1', '0');
98
- h.setAttribute('x2', '640');
99
- h.setAttribute('y1', y);
100
- h.setAttribute('y2', y);
101
- v.setAttribute('x1', x);
102
- v.setAttribute('x2', x);
103
- v.setAttribute('y1', '0');
104
- v.setAttribute('y2', '640');
105
-
106
- // Calculate real coordinates using inverse transformation
107
- const matrix = {
108
- "a": 78.95451231474433,
109
- "c": 0,
110
- "e": 255.9848416715025,
111
- "b": 0,
112
- "d": -78.95451231474433,
113
- "f": 320
114
- };
115
- // Manually invert and apply the affine transform
116
- // Since we only use translate and scale, we can directly compute:
117
- // x' = (x - tx) / sx
118
- // y' = (y - ty) / sy
119
- const sx = matrix.a;
120
- const sy = matrix.d;
121
- const tx = matrix.e;
122
- const ty = matrix.f;
123
- const realPoint = {
124
- x: (x - tx) / sx,
125
- y: (y - ty) / sy // Flip y back since we used negative scale
126
- }
127
-
128
- coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
129
- coords.setAttribute('x', (x + 5).toString());
130
- coords.setAttribute('y', (y - 5).toString());
131
- });
132
- document.currentScript.parentElement.addEventListener('mouseleave', () => {
133
- document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
134
- });
135
- ]]>
136
- </script>
137
- </svg>
36
+ // Calculate real coordinates using inverse transformation
37
+ const matrix = {"a":78.95451231474433,"c":0,"e":255.9848416715025,"b":0,"d":-78.95451231474433,"f":320};
38
+ // Manually invert and apply the affine transform
39
+ // Since we only use translate and scale, we can directly compute:
40
+ // x' = (x - tx) / sx
41
+ // y' = (y - ty) / sy
42
+ const sx = matrix.a;
43
+ const sy = matrix.d;
44
+ const tx = matrix.e;
45
+ const ty = matrix.f;
46
+ const realPoint = {
47
+ x: (x - tx) / sx,
48
+ y: (y - ty) / sy // Flip y back since we used negative scale
49
+ }
50
+
51
+ coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
52
+ coords.setAttribute('x', (x + 5).toString());
53
+ coords.setAttribute('y', (y - 5).toString());
54
+ });
55
+ document.currentScript.parentElement.addEventListener('mouseleave', () => {
56
+ document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
57
+ });
58
+ ]]></script></svg>
@@ -1,174 +1,65 @@
1
- <svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
2
- <rect width="100%" height="100%" fill="white" />
3
- <g>
4
- <circle data-type="point" data-label="R1.1
5
- x-" data-x="-1.58" data-y="0.765" cx="103.74558303886928" cy="224.94699646643113" r="3" fill="hsl(226, 100%, 50%, 0.8)" />
6
- </g>
7
- <g>
8
- <circle data-type="point" data-label="R1.2
9
- x+" data-x="-0.48" data-y="0.765" cx="259.2226148409894" cy="224.94699646643113" r="3" fill="hsl(227, 100%, 50%, 0.8)" />
10
- </g>
11
- <g>
12
- <circle data-type="point" data-label="R2.1
13
- x-" data-x="0.48" data-y="0.765" cx="394.9116607773851" cy="224.94699646643113" r="3" fill="hsl(107, 100%, 50%, 0.8)" />
14
- </g>
15
- <g>
16
- <circle data-type="point" data-label="R2.2
17
- x+" data-x="1.58" data-y="0.765" cx="550.3886925795052" cy="224.94699646643113" r="3" fill="hsl(108, 100%, 50%, 0.8)" />
18
- </g>
19
- <g>
20
- <circle data-type="point" data-label="R3.1
21
- x-" data-x="-1.58" data-y="-0.765" cx="103.74558303886928" cy="441.2014134275618" r="3" fill="hsl(348, 100%, 50%, 0.8)" />
22
- </g>
23
- <g>
24
- <circle data-type="point" data-label="R3.2
25
- x+" data-x="-0.48" data-y="-0.765" cx="259.2226148409894" cy="441.2014134275618" r="3" fill="hsl(349, 100%, 50%, 0.8)" />
26
- </g>
27
- <g>
28
- <circle data-type="point" data-label="J1.1
29
- x-" data-x="0.5800000000000001" data-y="-0.665" cx="409.0459363957597" cy="427.0671378091873" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
30
- </g>
31
- <g>
32
- <circle data-type="point" data-label="J1.2
33
- y-" data-x="1.03" data-y="-1.03" cx="472.6501766784452" cy="478.65724381625444" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
34
- </g>
35
- <g>
36
- <circle data-type="point" data-label="J1.3
37
- x+" data-x="1.48" data-y="-0.665" cx="536.2544169611307" cy="427.0671378091873" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
38
- </g>
39
- <g>
40
- <circle data-type="point" data-label="anchorPoint
41
- orientation: x-" data-x="0.5800000000000001" data-y="-0.665" cx="409.0459363957597" cy="427.0671378091873" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
42
- </g>
43
- <g>
44
- <circle data-type="point" data-label="anchorPoint
45
- orientation: x-" data-x="-1.58" data-y="0.765" cx="103.74558303886928" cy="224.94699646643113" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
46
- </g>
47
- <g>
48
- <circle data-type="point" data-label="anchorPoint
49
- orientation: x+" data-x="1.48" data-y="-0.665" cx="536.2544169611307" cy="427.0671378091873" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
50
- </g>
51
- <g>
52
- <circle data-type="point" data-label="anchorPoint
53
- orientation: x+" data-x="-0.48" data-y="0.765" cx="259.2226148409894" cy="224.94699646643113" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
54
- </g>
55
- <g>
56
- <circle data-type="point" data-label="anchorPoint
57
- orientation: y+" data-x="0.24" data-y="0.765" cx="360.9893992932862" cy="224.94699646643113" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
58
- </g>
59
- <g>
60
- <circle data-type="point" data-label="anchorPoint
61
- orientation: y+" data-x="1.7800000000000002" data-y="0.765" cx="578.6572438162544" cy="224.94699646643113" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
62
- </g>
63
- <g>
64
- <polyline data-points="0.48,0.765 -0.48,-0.765" data-type="line" data-label="" points="394.9116607773851,224.94699646643113 259.2226148409894,441.2014134275618" fill="none" stroke="hsl(224, 100%, 50%, 0.8)" stroke-width="1" />
65
- </g>
66
- <g>
67
- <polyline data-points="1.58,0.765 -1.58,-0.765" data-type="line" data-label="" points="550.3886925795052,224.94699646643113 103.74558303886928,441.2014134275618" fill="none" stroke="hsl(224, 100%, 50%, 0.8)" stroke-width="1" />
68
- </g>
69
- <g>
70
- <polyline data-points="0.5800000000000001,-0.665 -1.58,0.765" data-type="line" data-label="" points="409.0459363957597,427.0671378091873 103.74558303886928,224.94699646643113" fill="none" stroke="hsl(168, 100%, 50%, 0.8)" stroke-width="1" />
71
- </g>
72
- <g>
73
- <polyline data-points="1.48,-0.665 -0.48,0.765" data-type="line" data-label="" points="536.2544169611307,427.0671378091873 259.2226148409894,224.94699646643113" fill="none" stroke="hsl(168, 100%, 50%, 0.8)" stroke-width="1" />
74
- </g>
75
- <g>
76
- <polyline data-points="0.48,0.765 0,0.765 0,-0.765 -0.48,-0.765" data-type="line" data-label="" points="394.9116607773851,224.94699646643113 327.0671378091873,224.94699646643113 327.0671378091873,441.2014134275618 259.2226148409894,441.2014134275618" fill="none" stroke="purple" stroke-width="1" />
77
- </g>
78
- <g>
79
- <polyline data-points="1.58,0.765 1.7800000000000002,0.765 1.7800000000000002,0 -1.78,0 -1.78,-0.765 -1.58,-0.765" data-type="line" data-label="" points="550.3886925795052,224.94699646643113 578.6572438162544,224.94699646643113 578.6572438162544,333.0742049469965 75.47703180212017,333.0742049469965 75.47703180212017,441.2014134275618 103.74558303886928,441.2014134275618" fill="none" stroke="purple" stroke-width="1" />
80
- </g>
81
- <g>
82
- <rect data-type="rect" data-label="schematic_component_0" data-x="-1.03" data-y="0.765" x="103.74558303886928" y="197.46214134275627" width="155.47703180212014" height="54.969710247349695" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.0070750000000000006" />
83
- </g>
84
- <g>
85
- <rect data-type="rect" data-label="schematic_component_1" data-x="1.03" data-y="0.765" x="394.9116607773851" y="197.46214134275627" width="155.4770318021201" height="54.969710247349695" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.0070750000000000006" />
86
- </g>
87
- <g>
88
- <rect data-type="rect" data-label="schematic_component_2" data-x="-1.03" data-y="-0.765" x="103.74558303886928" y="413.716558303887" width="155.47703180212014" height="54.969710247349724" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.0070750000000000006" />
89
- </g>
90
- <g>
91
- <rect data-type="rect" data-label="schematic_component_3" data-x="1.03" data-y="-0.765" x="409.0459363957597" y="403.74558303886926" width="127.20848056537096" height="74.91166077738518" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.0070750000000000006" />
92
- </g>
93
- <g>
94
- <rect data-type="rect" data-label="netId: .J1 &gt; .pin1 to .R1 &gt; .pin1
95
- globalConnNetId: connectivity_net2" data-x="0.3540000000000001" data-y="-0.665" x="345.30035335689047" y="412.9328621908127" width="63.60424028268551" height="28.26855123674909" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.0070750000000000006" />
96
- </g>
97
- <g>
98
- <rect data-type="rect" data-label="netId: .J1 &gt; .pin1 to .R1 &gt; .pin1
99
- globalConnNetId: connectivity_net2" data-x="-1.806" data-y="0.765" x="40" y="210.81272084805656" width="63.60424028268554" height="28.26855123674912" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.0070750000000000006" />
100
- </g>
101
- <g>
102
- <rect data-type="rect" data-label="netId: .J1 &gt; .pin3 to .R1 &gt; .pin2
103
- globalConnNetId: connectivity_net3" data-x="1.706" data-y="-0.665" x="536.3957597173144" y="412.9328621908127" width="63.60424028268562" height="28.26855123674909" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.0070750000000000006" />
104
- </g>
105
- <g>
106
- <rect data-type="rect" data-label="netId: .J1 &gt; .pin3 to .R1 &gt; .pin2
107
- globalConnNetId: connectivity_net3" data-x="-0.254" data-y="0.765" x="259.36395759717317" y="210.81272084805656" width="63.60424028268551" height="28.26855123674912" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.0070750000000000006" />
108
- </g>
109
- <g>
110
- <rect data-type="rect" data-label="netId: .R2 &gt; .pin1 to .R3 &gt; .pin2
111
- globalConnNetId: connectivity_net0" data-x="0.24" data-y="0.99" x="346.8551236749116" y="161.3427561837456" width="28.268551236749147" height="63.60424028268554" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.0070750000000000006" />
112
- </g>
113
- <g>
114
- <rect data-type="rect" data-label="netId: .R2 &gt; .pin2 to .R3 &gt; .pin1
115
- globalConnNetId: connectivity_net1" data-x="1.7800000000000002" data-y="0.99" x="564.5229681978799" y="161.3427561837456" width="28.26855123674909" height="63.60424028268554" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.0070750000000000006" />
116
- </g>
117
- <g id="crosshair" style="display: none">
118
- <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
119
- <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>
120
- </g>
121
- <script>
122
- <![CDATA[
123
- document.currentScript.parentElement.addEventListener('mousemove', (e) => {
124
- const svg = e.currentTarget;
125
- const rect = svg.getBoundingClientRect();
126
- const x = e.clientX - rect.left;
127
- const y = e.clientY - rect.top;
128
- const crosshair = svg.getElementById('crosshair');
129
- const h = svg.getElementById('crosshair-h');
130
- const v = svg.getElementById('crosshair-v');
131
- const coords = svg.getElementById('coordinates');
1
+ <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><polyline data-points="0.48,0.765 -0.48,-0.765" data-type="line" data-label="" points="394.9116607773851,224.94699646643113 259.2226148409894,441.2014134275618" fill="none" stroke="hsl(224, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="1.58,0.765 -1.58,-0.765" data-type="line" data-label="" points="550.3886925795052,224.94699646643113 103.74558303886928,441.2014134275618" fill="none" stroke="hsl(224, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="0.5800000000000001,-0.665 -1.58,0.765" data-type="line" data-label="" points="409.0459363957597,427.0671378091873 103.74558303886928,224.94699646643113" fill="none" stroke="hsl(168, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="1.48,-0.665 -0.48,0.765" data-type="line" data-label="" points="536.2544169611307,427.0671378091873 259.2226148409894,224.94699646643113" fill="none" stroke="hsl(168, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="0.48,0.765 0,0.765 0,-0.765 -0.48,-0.765" data-type="line" data-label="" points="394.9116607773851,224.94699646643113 327.0671378091873,224.94699646643113 327.0671378091873,441.2014134275618 259.2226148409894,441.2014134275618" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="1.58,0.765 1.7800000000000002,0.765 1.7800000000000002,0 -1.78,0 -1.78,-0.765 -1.58,-0.765" data-type="line" data-label="" points="550.3886925795052,224.94699646643113 578.6572438162544,224.94699646643113 578.6572438162544,333.0742049469965 75.47703180212017,333.0742049469965 75.47703180212017,441.2014134275618 103.74558303886928,441.2014134275618" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="-1.03" data-y="0.765" x="103.74558303886927" y="197.4621413427563" width="155.47703180212014" height="54.969710247349695" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.0070750000000000006"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="1.03" data-y="0.765" x="394.9116607773851" y="197.4621413427563" width="155.4770318021201" height="54.969710247349695" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.0070750000000000006"/></g><g><rect data-type="rect" data-label="schematic_component_2" data-x="-1.03" data-y="-0.765" x="103.74558303886927" y="413.7165583038869" width="155.47703180212014" height="54.969710247349724" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.0070750000000000006"/></g><g><rect data-type="rect" data-label="schematic_component_3" data-x="1.03" data-y="-0.765" x="409.04593639575967" y="403.7455830388692" width="127.20848056537096" height="74.91166077738518" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.0070750000000000006"/></g><g><rect data-type="rect" data-label="netId: .J1 &gt; .pin1 to .R1 &gt; .pin1
2
+ globalConnNetId: connectivity_net2" data-x="0.3540000000000001" data-y="-0.665" x="345.30035335689047" y="412.9328621908127" width="63.60424028268551" height="28.26855123674909" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.0070750000000000006"/></g><g><rect data-type="rect" data-label="netId: .J1 &gt; .pin1 to .R1 &gt; .pin1
3
+ globalConnNetId: connectivity_net2" data-x="-1.806" data-y="0.765" x="40.000000000000014" y="210.81272084805659" width="63.60424028268554" height="28.26855123674912" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.0070750000000000006"/></g><g><rect data-type="rect" data-label="netId: .J1 &gt; .pin3 to .R1 &gt; .pin2
4
+ globalConnNetId: connectivity_net3" data-x="1.706" data-y="-0.665" x="536.3957597173144" y="412.9328621908127" width="63.60424028268562" height="28.26855123674909" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.0070750000000000006"/></g><g><rect data-type="rect" data-label="netId: .J1 &gt; .pin3 to .R1 &gt; .pin2
5
+ globalConnNetId: connectivity_net3" data-x="-0.254" data-y="0.765" x="259.36395759717317" y="210.81272084805659" width="63.60424028268551" height="28.26855123674912" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.0070750000000000006"/></g><g><rect data-type="rect" data-label="netId: .R2 &gt; .pin1 to .R3 &gt; .pin2
6
+ globalConnNetId: connectivity_net0" data-x="0.24" data-y="0.99" x="346.8551236749116" y="161.34275618374562" width="28.268551236749147" height="63.60424028268554" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.0070750000000000006"/></g><g><rect data-type="rect" data-label="netId: .R2 &gt; .pin2 to .R3 &gt; .pin1
7
+ globalConnNetId: connectivity_net1" data-x="1.7800000000000002" data-y="0.99" x="564.5229681978799" y="161.34275618374562" width="28.26855123674909" height="63.60424028268554" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.0070750000000000006"/></g><g><circle data-type="point" data-label="R1.1
8
+ x-" data-x="-1.58" data-y="0.765" cx="103.74558303886928" cy="224.94699646643113" r="3" fill="hsl(226, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="R1.2
9
+ x+" data-x="-0.48" data-y="0.765" cx="259.2226148409894" cy="224.94699646643113" r="3" fill="hsl(227, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="R2.1
10
+ x-" data-x="0.48" data-y="0.765" cx="394.9116607773851" cy="224.94699646643113" r="3" fill="hsl(107, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="R2.2
11
+ x+" data-x="1.58" data-y="0.765" cx="550.3886925795052" cy="224.94699646643113" r="3" fill="hsl(108, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="R3.1
12
+ x-" data-x="-1.58" data-y="-0.765" cx="103.74558303886928" cy="441.2014134275618" r="3" fill="hsl(348, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="R3.2
13
+ x+" data-x="-0.48" data-y="-0.765" cx="259.2226148409894" cy="441.2014134275618" r="3" fill="hsl(349, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="J1.1
14
+ x-" data-x="0.5800000000000001" data-y="-0.665" cx="409.0459363957597" cy="427.0671378091873" r="3" fill="hsl(218, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="J1.2
15
+ y-" data-x="1.03" data-y="-1.03" cx="472.6501766784452" cy="478.65724381625444" r="3" fill="hsl(219, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="J1.3
16
+ x+" data-x="1.48" data-y="-0.665" cx="536.2544169611307" cy="427.0671378091873" r="3" fill="hsl(220, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="anchorPoint
17
+ orientation: x-" data-x="0.5800000000000001" data-y="-0.665" cx="409.0459363957597" cy="427.0671378091873" r="3" fill="hsl(40, 100%, 50%, 0.9)"/></g><g><circle data-type="point" data-label="anchorPoint
18
+ orientation: x-" data-x="-1.58" data-y="0.765" cx="103.74558303886928" cy="224.94699646643113" r="3" fill="hsl(40, 100%, 50%, 0.9)"/></g><g><circle data-type="point" data-label="anchorPoint
19
+ orientation: x+" data-x="1.48" data-y="-0.665" cx="536.2544169611307" cy="427.0671378091873" r="3" fill="hsl(40, 100%, 50%, 0.9)"/></g><g><circle data-type="point" data-label="anchorPoint
20
+ orientation: x+" data-x="-0.48" data-y="0.765" cx="259.2226148409894" cy="224.94699646643113" r="3" fill="hsl(40, 100%, 50%, 0.9)"/></g><g><circle data-type="point" data-label="anchorPoint
21
+ orientation: y+" data-x="0.24" data-y="0.765" cx="360.9893992932862" cy="224.94699646643113" r="3" fill="hsl(40, 100%, 50%, 0.9)"/></g><g><circle data-type="point" data-label="anchorPoint
22
+ orientation: y+" data-x="1.7800000000000002" data-y="0.765" cx="578.6572438162544" cy="224.94699646643113" r="3" fill="hsl(40, 100%, 50%, 0.9)"/></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[
23
+ document.currentScript.parentElement.addEventListener('mousemove', (e) => {
24
+ const svg = e.currentTarget;
25
+ const rect = svg.getBoundingClientRect();
26
+ const x = e.clientX - rect.left;
27
+ const y = e.clientY - rect.top;
28
+ const crosshair = svg.getElementById('crosshair');
29
+ const h = svg.getElementById('crosshair-h');
30
+ const v = svg.getElementById('crosshair-v');
31
+ const coords = svg.getElementById('coordinates');
32
+
33
+ crosshair.style.display = 'block';
34
+ h.setAttribute('x1', '0');
35
+ h.setAttribute('x2', '640');
36
+ h.setAttribute('y1', y);
37
+ h.setAttribute('y2', y);
38
+ v.setAttribute('x1', x);
39
+ v.setAttribute('x2', x);
40
+ v.setAttribute('y1', '0');
41
+ v.setAttribute('y2', '640');
132
42
 
133
- crosshair.style.display = 'block';
134
- h.setAttribute('x1', '0');
135
- h.setAttribute('x2', '640');
136
- h.setAttribute('y1', y);
137
- h.setAttribute('y2', y);
138
- v.setAttribute('x1', x);
139
- v.setAttribute('x2', x);
140
- v.setAttribute('y1', '0');
141
- v.setAttribute('y2', '640');
142
-
143
- // Calculate real coordinates using inverse transformation
144
- const matrix = {
145
- "a": 141.34275618374556,
146
- "c": 0,
147
- "e": 327.0671378091873,
148
- "b": 0,
149
- "d": -141.34275618374556,
150
- "f": 333.0742049469965
151
- };
152
- // Manually invert and apply the affine transform
153
- // Since we only use translate and scale, we can directly compute:
154
- // x' = (x - tx) / sx
155
- // y' = (y - ty) / sy
156
- const sx = matrix.a;
157
- const sy = matrix.d;
158
- const tx = matrix.e;
159
- const ty = matrix.f;
160
- const realPoint = {
161
- x: (x - tx) / sx,
162
- y: (y - ty) / sy // Flip y back since we used negative scale
163
- }
164
-
165
- coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
166
- coords.setAttribute('x', (x + 5).toString());
167
- coords.setAttribute('y', (y - 5).toString());
168
- });
169
- document.currentScript.parentElement.addEventListener('mouseleave', () => {
170
- document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
171
- });
172
- ]]>
173
- </script>
174
- </svg>
43
+ // Calculate real coordinates using inverse transformation
44
+ const matrix = {"a":141.34275618374556,"c":0,"e":327.0671378091873,"b":0,"d":-141.34275618374556,"f":333.0742049469965};
45
+ // Manually invert and apply the affine transform
46
+ // Since we only use translate and scale, we can directly compute:
47
+ // x' = (x - tx) / sx
48
+ // y' = (y - ty) / sy
49
+ const sx = matrix.a;
50
+ const sy = matrix.d;
51
+ const tx = matrix.e;
52
+ const ty = matrix.f;
53
+ const realPoint = {
54
+ x: (x - tx) / sx,
55
+ y: (y - ty) / sy // Flip y back since we used negative scale
56
+ }
57
+
58
+ coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
59
+ coords.setAttribute('x', (x + 5).toString());
60
+ coords.setAttribute('y', (y - 5).toString());
61
+ });
62
+ document.currentScript.parentElement.addEventListener('mouseleave', () => {
63
+ document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
64
+ });
65
+ ]]></script></svg>