Line Chart

Multi-series line chart with GPU-accelerated rendering. Handles 100k+ points smoothly. Use cases: Time-series trends, sensor data plotting, stock prices, temperature curves, signal analysis.

Installation

Copy and paste the following code into your project.

npx @plexusui/cli add line-chart

Manual Installation

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

2. Install dependencies:

npm install react@latest

3. Copy any required primitive components

Examples

Real-time EEG Monitoring

Live electroencephalography (EEG) data at 256 Hz - Multi-channel brain activity visualization

EEG Channels: Fp1 (Frontal), C3 (Central), O1 (Occipital)

Real-Time WebGPU Performance Monitor

Live GPU pipeline stage timings with 3-second rolling window - Perfect for aerospace rendering optimization

WebGPU Performance Monitor

Update Rate: 60 fps | Window: 3s (180 frames)

Primitive Components

Use primitive components for complete control over composition

Loading example...