A scalable, mathematically precise vector-based library for building beautiful electronic schematics in pure HTML/SVG.
The components in this library are strictly designed on 100x100 and 200x200 grid systems. This methodology ensures that when you visually stack or align modules, their input and output pins seamlessly snap together without complex manual wire routing or overlapping. Each symbol is defined efficiently once within an SVG <defs> block and seamlessly instantiated multiple times across the page using the standard <use> element.
Every component in this library is mathematically designed within a standard 100x100 coordinate grid. To ensure elements snap together perfectly without manual wire routing, align physical connection points strictly to precise grid coordinates. For example, a transistor places its Base at (0, 50), Collector at (50, 0), and Emitter at (50, 100).
Complex components can use larger module footprints (like 200x200) to accommodate more pins. To maintain full compatibility with the rest of the libraries, ensure all connection points strictly map to the standard 50-unit snapping grid.