Schematic Viewer for TSCircuit

Examples · TSCircuit · Open in CodeSandbox · discord

View schematics from tscircuit jsx.

Usage

import { Schematic } from "@tscircuit/schematic-viewer"

// To get styles for debug table
import "react-data-grid/lib/styles.css"

export const MyReactApp = () => (
  return (
    <Schematic>
      <resistor name="R1" />
      <capacitor name="C1" />
      <trace from=".R1 > .1" to=".C1 > .plus">
    </Schematic>
  )
)

References

• SVG Path Tool
• SVG of Electrical Symbols Wikipedia