Reddit Manhattan Routing

Title: I built a Vanilla JS schematic editor with intelligent Manhattan routing and wire tracing

Most web-based drawing tools are either too generic or too heavy. I wanted something specifically for engineering—electrical schematics, UML architecture, and floorplans—that felt fast and "smart."

I just open-sourced the Schema Editor. It’s built with zero dependencies (pure Vanilla JS + SVG) and focuses on the "engineering" side of drawing:

• Intelligent Manhattan Routing: Orthogonal wiring that automatically redraws as you move components.
• Trace Mode: Click any wire to instantly highlight its entire connectivity path across the diagram.
• Domain Kits: Built-in libraries for Electrical, Software (UML/ERD), and AEC (Construction).
• 3D Perspective: Native tilt/yaw controls for presentations.

The goal was to provide the precision of desktop CAD without the overhead. Since it's vanilla JS, the performance is super fluid even with thousands of elements.

Check out the demo and the code here: github.com/carnworkstudios/schema-editor

I'm looking for feedback on the routing engine and anyone who wants to help expand the symbol kits!