Skip to content

SmResCircle

Draws a constant-resistance circle. All points on the circle share the same normalised resistance r, with reactance x varying from −∞ 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
<SmResCircle :res="0.50" />

Usage

html
<SmithChart>
  <!-- Full circle -->
  <SmResCircle :res="1" fill="rgba(0,0,255,0.2)" />

  <!-- Cropped: only show the arc outside the reactance circle x=2 -->
  <SmResCircle
    :res="0.5"
    :crop="2"
    fill="none"
    stroke="#e53e3e"
    stroke-width="3"
  />
</SmithChart>

Props

PropTypeDefaultDescription
resNumber | StringNormalised resistance value for the circle.
cropNumber | String''When set, masks away the portion of the circle that falls inside the constant-reactance arc of magnitude crop. Use this to draw only the segment of the circle relevant to a matching path.

SVG presentation attributes (fill, stroke, stroke-width, opacity, etc.) pass through to the underlying <circle>.

How it works

A constant-resistance circle for value r has:

  • Centre: (r / (r + 1), 0) in normalised coordinates
  • Radius: 1 / (r + 1) in normalised coordinates

The crop prop uses an SVG mask generated by the matching <SmReactArc> to clip away the unwanted portion.

Common values

resPosition
0The outermost circle (short circuit locus)
0.5Left half of the chart
1Circle passing through the chart centre
2, 5, 10Smaller circles near the right edge

Released under the MIT License.