Skip to content

SmPoint

Plots a point on the chart at a given normalised impedance (resistance + reactance). Renders as an SVG <circle> element, so all native SVG circle attributes work.

Demo

Drag the sliders to move each point.

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
Point 1
Point 2
Point 3

Usage

html
<SmithChart>
  <SmPoint :res="0"   :react="0"   fill="red"   />
  <SmPoint :res="1"   :react="0"   fill="blue"  />
  <SmPoint :res="0.6" :react="0.8" fill="green" r="10" />
</SmithChart>

Props

PropTypeDefaultDescription
resNumber | StringNormalised resistance. 0 = short circuit, 1 = matched load.
reactNumber | StringNormalised reactance. Positive = inductive (upper half), negative = capacitive (lower half).
rNumber | String5Radius of the plotted circle in pixels.

Any additional attribute you pass (fill, stroke, stroke-width, opacity, etc.) is forwarded directly to the underlying <circle> element.

How coordinates are calculated

The Cartesian coordinates (a, b) of a normalised impedance r + jx on the Smith Chart are:

$$ a = \frac{r^2 - 1 + x^2}{(r+1)^2 + x^2}, \qquad b = \frac{2x}{(r+1)^2 + x^2} $$

These map (a, b) from the [−1, 1] normalised plane to SVG pixel coordinates using the radius provided by the parent <SmithChart>.

Released under the MIT License.