Scatter Chart

Scatter plot with variable point sizes and colors. Use cases: Correlation analysis, cluster visualization, quality control plots, particle distribution, measurement scatter.

Installation

Copy and paste the following code into your project.

npx @plexusui/cli add scatter-chart

Manual Installation

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

2. Install dependencies:

npm install react@latest

3. Copy any required primitive components

Examples

Multi-Series Scatter Plot

Visualizing multiple data clusters with different colors

Primitive Components

Build custom scatter plots with primitive components

Real-Time Streaming - 10K Services @ 60fps

Live simulation of streaming metrics from 10,000 services with real-time updates at 60fps

10,000 services

Loading example...