UI Components
Radar Chart

Radar Chart

Polar coordinate display with sweep animation. Renders data points in a radial layout, supporting continuous sweep updates for real-time radar-style visualization.

Category: instruments · Maturity: beta

Installation

npx @plexus/cli add radar-chart

Usage

import { RadarChart } from '@plexus/ui'
 
function RadarView({ contacts }) {
  return (
    <RadarChart
      data={contacts}
      range={100}
      sweepSpeed={4}
      showGrid
      rings={[25, 50, 75, 100]}
      width={600}
      height={600}
    />
  )
}

Performance

SpecValue
Max data points10,000+
Target FPS60
Typical memory~30 MB
RendererWebGPU (WebGL2 fallback)

Aerospace Use Cases

  • Air traffic control displays — Show aircraft positions in polar coordinates with range rings and bearing indicators
  • Weather radar — Render precipitation intensity in a radial sweep pattern
  • Proximity monitoring — Display nearby objects around a vehicle or drone with distance and bearing

Related Components