UI Components
Attitude Indicator

Attitude Indicator

Artificial horizon instrument showing pitch and roll orientation. Renders a traditional flight instrument display that updates in real time from IMU or AHRS sensor data.

Category: instruments · Maturity: stable

Installation

npx @plexus/cli add attitude-indicator

Usage

import { AttitudeIndicator } from '@plexus/ui'
 
function FlightInstruments({ imuData }) {
  return (
    <AttitudeIndicator
      pitch={imuData.pitch}
      roll={imuData.roll}
      heading={imuData.heading}
      size={300}
    />
  )
}

Performance

SpecValue
Max data points3 (pitch, roll, heading)
Target FPS60
Typical memory~10 MB
RendererWebGPU (WebGL2 fallback)

Aerospace Use Cases

  • Aircraft instrument displays — Replicate a primary flight display (PFD) artificial horizon for ground station monitoring
  • Drone ground stations — Show real-time orientation of a drone or UAV during flight
  • Gimbal stabilization — Visualize the current orientation of a camera gimbal or stabilization platform