If you're seeing this message, that means
JavaScript has been disabled on your browser
, please
enable JS
to make this app work.
Menu
Why SciChart
Why SciChart for Developers
Big Data High Performance
SciChart vs Open Source
Best WPF Charts
Best JavaScript Charts
Our Company
Our Story
World Class Tech Support
Testimonial & Reviews
Products
JavaScript Charts
React Charts
WPF Charts
WPF 3D Charts
iOS & macOS Charts
Android Charts
Xamarin Charts
Consultancy Services
Pricing
Developers
GET STARTED
Examples
Tutorials
JS Documentation
SciChart.js Changelog
JS Forums
StackOverflow - SciChart.js
Support
Licensing
Downloads
Showcase
JavaScript Examples
WPF Examples
WPF 3D Examples
iOS & macOS Examples
Android Examples
Case Studies
Industries
Financial & Trading
Medical & Research
Diagnostics & Lifesciences
Motorsport & Automotive
Oil & Gas
Aerospace & Defence
Design, Emulation & Test
Telehealth
News
Blogs
Releases & News
Contact Us
Start for free
Buy now
Homepage
Featured Apps
Performance Demos & Showcases
Realtime React Chart Performance Demo
Load 500 Series x 500 Points Performance Demo
Load 1 Million Points Performance Demo
Realtime Ghosted Traces
Realtime Audio Spectrum Analyzer Chart Example
Oil & Gas Explorer React Dashboard
Client/Server Websocket Data Streaming
Server Traffic Dashboard
Rich Interactions Showcase
Dynamic Layout Showcase
Dragabble Event Markers
React Population Pyramid
High Performance SVG Cursor & Rollover
Scientific & Medical Charts
React Vital Signs ECG/EKG Medical Demo
React Chart with Logarithmic Axis Example
LiDAR 3D Point Cloud of Geospatial Data
React Chart with Vertically Stacked Axes
Realtime Audio Spectrum Analyzer Chart Example
Realtime Audio Analyzer Bars Demo
Interactive Waterfall Spectral Chart
Phasor Diagram Chart Example
React Correlation Plot
React Semiconductors Dashboard
React Smith Chart
React Wafer Analysis Chart
Financial Charts
React Candlestick Chart
React OHLC Chart
React Realtime Ticking Stock Charts
React BTC Order Book Heatmap Charts
React Multi-Pane Stock Charts using Subcharts
Tenor Curves Demo
React Multi-Pane Stock Charts using Sync Multi-Chart
Financial Data Filters
React Market Depth Chart
React Chart Hoverable Buy Sell Marker Annotations
React User Annotated Stock Chart
React Trading Drawing Tools Demo
React Custom Paired Dashed Polyline Annotation
React Freehand Drawing Tools Demo
Charts added in v6
React Parallel Coordinate Plot
React Immediate Mesh 3D Chart
React 3D Model Example
2D Charts
JavaScript Chart Types
React Line Chart
React Spline Line Chart
React Digital Line Chart
React Band Chart
React Spline Band Chart
React Digital Band Chart
React Bubble Chart
React Candlestick Chart
React Column Chart
React Population Pyramid
React Error Bars Chart
React Impulse Chart
React Text Chart
React Fan Chart
React Heatmap Chart
React Non Uniform Heatmap Chart
React Heatmap Chart With Contours Example
React Map Chart with Heatmap overlay
React Mountain Chart
React Spline Mountain Chart
React Digital Mountain Chart
React Realtime Mountain Chart
React Scatter Chart
React Stacked Column Chart
React Stacked Column Side by Side
React Stacked Mountain Chart
React Smooth Stacked Mountain Chart
React Pie Chart
React Donut Chart
React Linear Gauges Example
React Quadrant Chart using Background Annotations
React Histogram Chart
React Gantt Chart Example
React Choropleth Map Example
React Multi-Layer Map Example
React Vector Field Plot
React Waterfall Chart | Bridge Chart
React Box Plot Chart
React Triangle Series | Triangle Mesh Chart
React Treemap Chart
React Force Directed Graph
React Parallel Coordinate Plot
Polar Charts
React Polar Line Chart
React Polar Spline Line Chart
React Multi Cycle-Polar Line Example
React Polar Column | React Polar Bar
React Polar Column Category Chart
React Polar Range Column Chart
React Windrose Plot | React Polar Stacked Radial Column Chart
React Polar Sunburst Chart
React Polar Radial Column Chart
React Stacked Radial Column Chart | Stacked Radial Bar Chart
React Polar Area Chart | Polar Mountain Chart
React Polar Stacked Radial Mountain Chart
React Polar Band | Polar Error Bands Chart
React Polar Scatter Chart
React Polar Radar Chart
React Gauge Charts
React Arc Gauge & FIFO Scrolling Charts Dashboard Example
React Polar Uniform Heatmap Chart
React Polar Heatmap | B-Mode Image Ultrasound | Medical Heatmap
React Polar Partial Arc
React Polar Axis Label Modes
React Polar Map Example
Chart Annotations
React Chart Annotations
Coloring Series per-point using the PaletteProvider
React Chart Hoverable Buy Sell Marker Annotations
React Mountain Chart Draggable Thresholds
React Chart Editable Annotations
React Quadrant Chart using Background Annotations
React Chart Annotation Layers
React Responsive HTML Annotations Example
HTML Annotations and Custom in-chart Controls Example
Chart Legends
Chart Legends API
Chart Axis APIs
React Chart with Multiple X Axes
React Chart with Secondary Y Axes
React Vertical Charts
React Chart with Central Axes
React Chart with Static X Axis
React Chart with Vertically Stacked Axes
React Chart with Logarithmic Axis Example
DiscontinuousDateAxis Comparison with React
React Chart with BaseValue Axes
Draw React Chart Behind Axis
Axis Types
React Chart Axis Layout Options
Axis Label Customization
Multi-line and Rotated Chart Text labels
Chart Axis Image labels
Rotated Axis Labels and Alignment
Custom High Precision Date Labels
Styling and Theming
Chart Background Image with Transparency
Styling a React Chart in Code
Using Theme Manager in React Chart
Create a Custom Theme for React Chart
Coloring Series per-point using the PaletteProvider
React Point-Markers Chart
Dashed Line Styling
Data Labels
React Chart with Multi-Style Series
React Chart with lines split by thresholds
React Chart Title
React Order of Rendering Example
Tooltips and Hit-Test
React Chart Hit-Test API
Using Rollover Modifier Tooltips
Using CursorModifier Crosshairs
Using VerticalSliceModifier
Datapoint Metadata Tooltips on React Chart
Using Series Selection
React Chart Data Point Selection
Using Custom Tooltips
Zoom and Pan a Chart
React Chart with Multiple X Axes
React Chart with Secondary Y Axes
Drag React Chart Axis to Scale or Pan
Zoom and Pan a Realtime React Chart
Zoom and Pan with React Chart multiple Modifiers
Zoom and Pan with Overview Chart
Virtualized React Charts: Load Data on Zoom/Pan
React Polar Modifiers | Polar Interactivity Modifiers Demo
High Precision Date Axis
React Overview for SubCharts with Range Selection
Transforming Data with Filters
Trendline, Moving Average and Ratio Filters
Custom Filters
Realtime Percentage Change using Filter
React Mountain Chart Draggable Thresholds
Financial Data Filters
Animation API
React Chart Data Animation
React Style Animation
React Startup Animation
React Generic Animation
React Animated Bar Chart Example
Builder (JSON / JS Objects) API
Simple Chart using Builder API
Full Chart using Builder API
Chart from JSON
React Chart with Reusable Templates using Shared Data
Custom Types with Builder API
Subcharts API
React 64-Chart Dashboard Performance Demo
Dynamic Layout Showcase
Multiple Charts
Synchronise Multiple Charts
React Multi-Pane Stock Charts using Sync Multi-Chart
Server Traffic Dashboard
3D Charts
JavaScript 3D Chart Types
React 3D Bubble Chart
React Surface Mesh 3D Chart
React Point Line 3D Chart
LiDAR 3D Point Cloud of Geospatial Data
Tenor Curves Demo
React Realtime Surface Mesh 3D Chart
React Column 3D Chart
React 3D Styling Demo
React 3D Log-Log Scatter Chart
React Interactive 3D Waterfall Spectral Chart
React Immediate Mesh 3D Chart
React 3D Model Example
React chart examples & demos
Featured Apps: Performance Demos & Showcases (13 demos)
Realtime React Chart Performance Demo
Load 500 Series x 500 Points Performance Demo
Load 1 Million Points Performance Demo
Realtime Ghosted Traces
Realtime Audio Spectrum Analyzer Chart Example
Oil & Gas Explorer React Dashboard
Client/Server Websocket Data Streaming
Server Traffic Dashboard
Rich Interactions Showcase
Dynamic Layout Showcase
Dragabble Event Markers
React Population Pyramid
High Performance SVG Cursor & Rollover
Featured Apps: Scientific & Medical Charts (12 demos)
React Vital Signs ECG/EKG Medical Demo
React Chart with Logarithmic Axis Example
LiDAR 3D Point Cloud of Geospatial Data
React Chart with Vertically Stacked Axes
Realtime Audio Spectrum Analyzer Chart Example
Realtime Audio Analyzer Bars Demo
Interactive Waterfall Spectral Chart
Phasor Diagram Chart Example
React Correlation Plot
React Semiconductors Dashboard
React Smith Chart
React Wafer Analysis Chart
Featured Apps: Financial Charts (14 demos)
React Candlestick Chart
React OHLC Chart
React Realtime Ticking Stock Charts
React BTC Order Book Heatmap Charts
React Multi-Pane Stock Charts using Subcharts
Tenor Curves Demo
React Multi-Pane Stock Charts using Sync Multi-Chart
Financial Data Filters
React Market Depth Chart
React Chart Hoverable Buy Sell Marker Annotations
React User Annotated Stock Chart
React Trading Drawing Tools Demo
React Custom Paired Dashed Polyline Annotation
React Freehand Drawing Tools Demo
Featured Apps: Charts added in v6 (3 demos)
New
React Parallel Coordinate Plot
New
React Immediate Mesh 3D Chart
New
React 3D Model Example
2D Charts: JavaScript Chart Types (42 demos)
React Line Chart
React Spline Line Chart
React Digital Line Chart
React Band Chart
React Spline Band Chart
React Digital Band Chart
React Bubble Chart
React Candlestick Chart
React Column Chart
React Population Pyramid
React Error Bars Chart
React Impulse Chart
React Text Chart
React Fan Chart
React Heatmap Chart
React Non Uniform Heatmap Chart
React Heatmap Chart With Contours Example
React Map Chart with Heatmap overlay
React Mountain Chart
React Spline Mountain Chart
React Digital Mountain Chart
React Realtime Mountain Chart
React Scatter Chart
React Stacked Column Chart
React Stacked Column Side by Side
React Stacked Mountain Chart
React Smooth Stacked Mountain Chart
React Pie Chart
React Donut Chart
React Linear Gauges Example
React Quadrant Chart using Background Annotations
React Histogram Chart
React Gantt Chart Example
React Choropleth Map Example
React Multi-Layer Map Example
React Vector Field Plot
React Waterfall Chart | Bridge Chart
React Box Plot Chart
React Triangle Series | Triangle Mesh Chart
React Treemap Chart
React Force Directed Graph
New
React Parallel Coordinate Plot
2D Charts: Polar Charts (22 demos)
React Polar Line Chart
React Polar Spline Line Chart
React Multi Cycle-Polar Line Example
React Polar Column | React Polar Bar
React Polar Column Category Chart
React Polar Range Column Chart
React Windrose Plot | React Polar Stacked Radial Column Chart
React Polar Sunburst Chart
React Polar Radial Column Chart
React Stacked Radial Column Chart | Stacked Radial Bar Chart
React Polar Area Chart | Polar Mountain Chart
React Polar Stacked Radial Mountain Chart
React Polar Band | Polar Error Bands Chart
React Polar Scatter Chart
React Polar Radar Chart
React Gauge Charts
React Arc Gauge & FIFO Scrolling Charts Dashboard Example
React Polar Uniform Heatmap Chart
React Polar Heatmap | B-Mode Image Ultrasound | Medical Heatmap
React Polar Partial Arc
React Polar Axis Label Modes
React Polar Map Example
2D Charts: Chart Annotations (9 demos)
React Chart Annotations
Coloring Series per-point using the PaletteProvider
React Chart Hoverable Buy Sell Marker Annotations
React Mountain Chart Draggable Thresholds
React Chart Editable Annotations
React Quadrant Chart using Background Annotations
React Chart Annotation Layers
React Responsive HTML Annotations Example
HTML Annotations and Custom in-chart Controls Example
2D Charts: Chart Legends (1 demo)
Chart Legends API
2D Charts: Chart Axis APIs (12 demos)
React Chart with Multiple X Axes
React Chart with Secondary Y Axes
React Vertical Charts
React Chart with Central Axes
React Chart with Static X Axis
React Chart with Vertically Stacked Axes
React Chart with Logarithmic Axis Example
DiscontinuousDateAxis Comparison with React
React Chart with BaseValue Axes
Draw React Chart Behind Axis
Axis Types
React Chart Axis Layout Options
2D Charts: Axis Label Customization (4 demos)
Multi-line and Rotated Chart Text labels
Chart Axis Image labels
Rotated Axis Labels and Alignment
Custom High Precision Date Labels
2D Charts: Styling and Theming (12 demos)
Chart Background Image with Transparency
Styling a React Chart in Code
Using Theme Manager in React Chart
Create a Custom Theme for React Chart
Coloring Series per-point using the PaletteProvider
React Point-Markers Chart
Dashed Line Styling
Data Labels
React Chart with Multi-Style Series
React Chart with lines split by thresholds
React Chart Title
React Order of Rendering Example
2D Charts: Tooltips and Hit-Test (8 demos)
React Chart Hit-Test API
Using Rollover Modifier Tooltips
Using CursorModifier Crosshairs
Using VerticalSliceModifier
Datapoint Metadata Tooltips on React Chart
Using Series Selection
React Chart Data Point Selection
Using Custom Tooltips
2D Charts: Zoom and Pan a Chart (10 demos)
React Chart with Multiple X Axes
React Chart with Secondary Y Axes
Drag React Chart Axis to Scale or Pan
Zoom and Pan a Realtime React Chart
Zoom and Pan with React Chart multiple Modifiers
Zoom and Pan with Overview Chart
Virtualized React Charts: Load Data on Zoom/Pan
React Polar Modifiers | Polar Interactivity Modifiers Demo
High Precision Date Axis
React Overview for SubCharts with Range Selection
2D Charts: Transforming Data with Filters (5 demos)
Trendline, Moving Average and Ratio Filters
Custom Filters
Realtime Percentage Change using Filter
React Mountain Chart Draggable Thresholds
Financial Data Filters
2D Charts: Animation API (5 demos)
React Chart Data Animation
React Style Animation
React Startup Animation
React Generic Animation
React Animated Bar Chart Example
2D Charts: Builder (JSON / JS Objects) API (5 demos)
Simple Chart using Builder API
Full Chart using Builder API
Chart from JSON
React Chart with Reusable Templates using Shared Data
Custom Types with Builder API
2D Charts: Subcharts API (2 demos)
React 64-Chart Dashboard Performance Demo
Dynamic Layout Showcase
2D Charts: Multiple Charts (3 demos)
Synchronise Multiple Charts
React Multi-Pane Stock Charts using Sync Multi-Chart
Server Traffic Dashboard
3D Charts: JavaScript 3D Chart Types (12 demos)
React 3D Bubble Chart
React Surface Mesh 3D Chart
React Point Line 3D Chart
LiDAR 3D Point Cloud of Geospatial Data
Tenor Curves Demo
React Realtime Surface Mesh 3D Chart
React Column 3D Chart
React 3D Styling Demo
React 3D Log-Log Scatter Chart
React Interactive 3D Waterfall Spectral Chart
New
React Immediate Mesh 3D Chart
New
React 3D Model Example