Polar Sky Plot

Azimuth/elevation sky chart for satellite passes: a radar-style polar plot with the current or next pass arc, UTC time-ticks, a live position marker, and an Az/El/LOS readout. SGP4 look-angles. Pure SVG.

Installation

Copy and paste the following code into your project.

npx plexus-ui add polar-sky-plot

Manual Installation

1. Copy the component code from components/polar-sky-plot.tsx

2. Install dependencies:

npm install react@latest

3. Copy any required primitive components

Examples

Next-Pass Sky Plot

The current or next pass for each satellite over a ground station — North up, the horizon at the rim, the zenith at the centre. Time-ticks are UTC; the filled marker is the live position.

Elevation Mask

Only count a pass once the satellite clears 10° elevation — useful when terrain or antenna limits block the lower sky.

API Reference

Azimuth/elevation sky plot of satellite passes from a ground station, driven by SGP4 look-angles.

PolarSkyPlot

Prop	Type	Default	Description
observer	{ lat: number; lng: number; altKm?: number }	required	Ground-station location the look-angles are computed from.
satellites	SkyPlotSatellite[]	[]	Satellites to plot (TLE per object), each with an optional colour/label.
minElevation	number	0	Minimum elevation (deg) that counts as a visible pass.
searchForwardMin	number	360	How far ahead (minutes) to search for the next pass.
searchBackMin	number	20	How far back (minutes) to catch an in-progress pass.
epochOverride	number	undefined	Freeze the plot at this epoch (ms). Omit for live tracking.
updateIntervalMs	number	1000	Live recompute interval. Ignored when epochOverride is set.

Loading example...