Reactance Workbench

An entirely client-side, interactive impedance chart for R, L, C, series RL, RC, LC, and RLC networks, plus parallel R|C, R|L, and L|C networks.

Development

npm install
npm run dev

Production build

npm run test
npm run build

The static production output is written to dist/. The Vite base path is relative, so it can be hosted under a subdirectory or moved to a separate repository.

The interface automatically follows the browser or operating-system light/dark appearance setting.

Before deployment, add a 1200×630 social preview image at public/reactance-chart-preview.png. Once the final public URL is known, add an absolute canonical URL and use that same absolute URL for the Open Graph image. The included metadata, structured data, robots file, document headings, and descriptive fallback content are ready for static hosting.

Interaction

• Add circuit objects from the upper-left controls.
• Open Settings to switch the frequency axis between Hz and rad/s, and to set minimum and maximum frequency and impedance. Axis ticks use powers of ten; rad/s mode generates angular-frequency decades and converts the displayed X range while preserving the same physical frequency window.
• Select an object from the list or by clicking its curve.
• Use the slider beside an object to enable or disable its curve without deleting it.
• Drag a curve vertically to change its value.
• Enter values such as 4.7 kΩ, 10 uH, or 220 nF in the editor.
• Move over the chart to read frequency in Hz and angular frequency in rad/s.
• Cursors start disabled. Use the A and B switches to independently enable either cursor, then click or drag it to measure frequency, angular frequency, and the equivalent R, L, and C at a chart coordinate.
• Delete the selected object with Delete/Backspace, or use the × button.
• Workspaces persist in local storage and can be imported/exported as JSON.
• Reset restores the starter RLC curve, default chart range, and Hz axis mode.

RL, RC, LC, and RLC objects are series networks; R|C, R|L, and L|C use explicit parallel topology. Series LC curves are split at their zero-impedance resonance, while parallel L|C curves rise beyond the chart range at their infinite-impedance resonance. For series RLC, Q is synchronized using Q = sqrt(L/C) / R; editing Q adjusts R.

RL, RC, LC, and RLC objects include a dotted straight-line asymptotic response. The guide follows the dominant ideal component and meets at the relevant corner or resonance intersections.