Skip to content

SmReactArc

Draws a constant-reactance arc. All points on the arc share the same normalised reactance x, with resistance r varying from 0 to +∞.

Demo

1 -10.9 -0.90.8 -0.80.7 -0.70.6 -0.60.5 -0.50.4 -0.40.3 -0.30.2 -0.20.1 -0.102 -23 -34 -45 -510 -1020 -2050 -501.2 -1.21.4 -1.41.6 -1.61.8 -1.80.05 -0.050.015 -0.0150.10.20.30.40.50.60.70.80.91.01.21.41.61.82.03.04.05.010.020.050.0
<SmReactArc :react="1.00" />

Usage

html
<SmithChart>
  <!-- Single arc for x = 1 (inductive) -->
  <SmReactArc :react="1" fill="rgba(0,0,255,0.2)" />

  <!-- Both polarities at once (x = 1 and x = −1) -->
  <SmReactArc :react="1" :double="true" fill="rgba(0,0,255,0.15)" />

  <!-- Cropped arc: only the portion outside the r=2 resistance circle -->
  <SmReactArc
    :react="0.5"
    :crop="2"
    :double="true"
    fill="none"
    stroke="#e53e3e"
    stroke-width="3"
  />
</SmithChart>

Props

PropTypeDefaultDescription
reactNumber | StringNormalised reactance value. Positive values are in the upper half (inductive), negative in the lower half (capacitive).
doubleBooleanfalseWhen true, also draws the mirror arc at −react. Useful for symmetric displays where you want to show both the inductive and capacitive arcs together.
cropNumber | String''When set, masks away the portion of the arc that falls inside the constant-resistance circle of value crop.

SVG presentation attributes (fill, stroke, stroke-width, opacity, etc.) pass through.

How it works

A constant-reactance arc for value x is a circle with:

  • Centre: (1, 1/x) in normalised coordinates
  • Radius: |1/x| in normalised coordinates

The arc is the portion of that circle that falls inside the outer boundary circle (r = 0). The crop prop applies an SVG mask to hide the part inside a specified resistance circle.

Released under the MIT License.