Diagonal Wires in a Schematic Editor Are Deferred Complexity, Not a Feature

TLDR

Allowing users to draw free-form diagonal wires in domain-specific canvas editors (electrical schematics, architectural floorplans, data flows) looks like user freedom. In reality, it pushes massive geometric complexity downstream into topology analysis, netlist generation, and BOM extraction. Enforcing axis-aligned Manhattan (horizontal/vertical) wire constraints at draw time guarantees exact coordinate snapping and eliminates ambiguous connection thresholds.

Routing Constraint	Drawing Mechanics	Topology Analysis	Downstream CAD Export
Free-Form Diagonal	Unconstrained polyline angles	Complex parametric segment intersection	Fragile (Floating-point drift)
Orthogonal (Manhattan)	Axis-locked (H/V dominance)	Exact AABB endpoint matching	100% Deterministic Standards

---

Problem statement: the myth of unconstrained drawing freedom

General-purpose vector editors (Figma, Illustrator) allow edges and connectors to bend at arbitrary angles because their primary output is a visual image.

In domain-specific engineering tools, a wire is not merely a visual line. It represents a physical or logical net connection.

Allowing arbitrary diagonal geometry requires checking whether line segments fall within pin hit circles using complex computational geometry. Floating-point precision drift in draw loops causes wires that visually appear connected to fail topological checks, forcing developers to widen snap thresholds and introduce false-positive connection bugs.

---

Technical failure mode: tunable threshold fatigue

Relying on arbitrary diagonal line intersections leads to "epsilon tuning fatigue":

1. Too Narrow ($\epsilon < 0.1\text{px}$): Wires drawn slightly off-axis fail to register net connections.
2. Too Wide ($\epsilon > 5.0\text{px}$): Wires passing close to unrelated pins register false electrical shorts in exported netlists.

---

The fix: draw-time axis locking

Enforce Manhattan constraints at the precise moment a user draws a wire segment:

// Dominant Axis Snap Lock during draw operations
function snapToDominantAxis(lastPoint, cursor) {
  const dx = Math.abs(cursor.x - lastPoint.x);
  const dy = Math.abs(cursor.y - lastPoint.y);
return dx > dy     ? { x: cursor.x, y: lastPoint.y }  // Lock Horizontal     : { x: lastPoint.x, y: cursor.y }; // Lock Vertical }

This ensures every wire committed to the document consists exclusively of horizontal and vertical line segments. Connectivity validation simplifies to verifying whether wire endpoints fall within pin bounding boxes ($O(1)$ AABB checks).

Rule of thumb: In schematic and CAD editors, geometric constraints enforced at draw time act as structural guarantees. Lock wire paths to Manhattan axes to keep topology analysis deterministic.