Waterfall / Spectrogram Chart

Frequency-time analysis with FFT computation for real-time signal monitoring. WebGPU-accelerated rendering of spectrograms. Use cases: RF spectrum analysis (aerospace communications), EEG frequency bands (medical devices), audio spectrograms, vibration analysis (predictive maintenance), sonar/radar displays.

Installation

Copy and paste the following code into your project.

npx @plexusui/cli add waterfall-chart

Manual Installation

1. Copy the component code from components/waterfall-chart.tsx

2. Install dependencies:

npm install react@latest

3. Copy any required primitive components

Examples

RF Spectrum Analyzer

Real-time frequency-time analysis for aerospace communications monitoring

RF Communications Band - 0-1000 Hz

Sample Rate: 2000 Hz | FFT Size: 256 | Duration: 5s

Power (dB)

-62.523.2

EEG Frequency Band Monitor

Medical-grade brain wave analysis showing Delta, Theta, Alpha, Beta, and Gamma bands

EEG Brain Wave Analysis - Channel 1

Sample Rate: 256 Hz | Duration: 10s

Delta (0.5-4 Hz)

Theta (4-8 Hz)

Alpha (8-13 Hz)

Beta (13-30 Hz)

Gamma (30-50 Hz)

Power (dB)

-25.121.7

Audio Spectrogram

Frequency sweep visualization (chirp) from 100 Hz to 3.5 kHz

Audio Chirp Test Signal (100 Hz → 3.5 kHz)

Sample Rate: 8000 Hz | FFT Size: 512 | Window: Blackman

Power (dB)

-100.038.7

Industrial Vibration Analysis

Predictive maintenance - detecting bearing faults via frequency analysis

Motor Bearing Vibration Monitor - Real-Time Analysis

Sample Rate: 2000 Hz | Motor Speed: 3000 RPM (50 Hz)

Normal (50, 100, 150 Hz - Motor harmonics)

Fault (237, 312 Hz - Bearing defects)

Power (dB)

-60.131.6

Real-Time Streaming Waterfall

Live RF monitoring with continuous data updates (10 Hz update rate)

Live RF Monitor - Rolling 10s Window

Update Rate: 10 Hz | Signal Length: 5000 samples

Power (dB)

-56.826.7

Primitive Components

Build custom spectrograms with primitive components for full control

RF Power (dBm)

-65.326.7

Loading example...