If you're seeing this message, that means
JavaScript has been disabled on your browser
, please
enable JS
to make this app work.
Get Started
Docs
SciChart.js Demo
The SciChart.js Demo app is where we host our showcases and demos for SciChart's
JavaScript Chart Library
. All demos can be viewed at the main SciChart website, over at
scichart.com/examples/javascript-chart
SciChart.js
v^3.1.346
Homepage
Featured Apps
Performance Demos & Showcases
Realtime JavaScript Chart Performance Demo
Load 500 Series x 500 Points Performance Demo
Load 1 Million Points Performance Demo
Realtime Ghosted Traces
Realtime Audio Analyzer Demo
Oil & Gas Explorer Dashboard
Client/Server Websocket Data Streaming
Rich Interactions Showcase
Scientific & Medical Charts
JavaScript Vital Signs ECG/EKG Medical Demo
Logarithmic Axis Example
LiDAR 3D Point Cloud of Geospatial Data
Vertically Stacked Axes
Realtime Audio Analyzer Demo
Financial Charts
JavaScript Candlestick Chart
JavaScript Realtime Ticking Stock Charts
JavaScript Multi-Pane Stock Charts using Subcharts
Tenor Curves Demo
JavaScript Multi-Pane Stock Charts using Sync Multi-Chart
JavaScript Market Depth Chart
2D Charts
JavaScript Chart Types
JavaScript Line Chart
JavaScript Spline Line Chart
JavaScript Digital Line Chart
JavaScript Band Chart
JavaScript Spline Band Chart
JavaScript Digital Band Chart
JavaScript Bubble Chart
JavaScript Candlestick Chart
JavaScript Column Chart
JavaScript Error Bars Chart
JavaScript Impulse Chart
Javascript Text Chart
JavaScript Fan Chart
JavaScript Heatmap Chart
JavaScript Non Uniform Heatmap Chart
JavaScript Heatmap Chart With Contours
JavaScript Mountain Chart
Javascript Spline Mountain Chart
JavaScript Digital Mountain Chart
JavaScript Realtime Mountain Chart
JavaScript Scatter Chart
JavaScript Stacked Column Chart
JavaScript Stacked Column Side by Side
JavaScript Stacked Mountain Chart
JavaScript Pie Chart
JavaScript Donut Chart
Chart Annotations
JavaScript Chart Annotations
Coloring Series per-point using the PaletteProvider
Trading Buy Sell Marker Annotations
JavaScript Chart Drag Horizontal Threshold
JavaScript Chart Editable Annotations
Chart Legends
Chart Legends API
Chart Axis APIs
Multiple X Axes
Secondary Y Axes
Vertical Charts
Central Axes
Vertically Stacked Axes
Logarithmic Axis Example
Draw Behind Axis
Axis Types
Axis Layout Options
Axis Label Customization
Multi-line and Rotated Text labels
Image labels
Rotated Labels and Alignment
Styling and Theming
Background Image with Transparency
Styling a JavaScript Chart in Code
Using Theme Manager
Coloring Series per-point using the PaletteProvider
JavaScript Point-Markers Chart
Dashed Line Styling
Data Labels
Chart Title
Tooltips and Hit-Test
Hit-Test API
Using Rollover Modifier Tooltips
Using CursorModifier Crosshairs
Datapoint Metadata Tooltips
Using Series Selection
Data Point Selection
Zoom and Pan a Chart
Multiple X Axes
Secondary Y Axes
Zoom and Pan a Realtime JavaScript Chart
Zoom and Pan with multiple Chart Modifiers
Zoom and Pan with Overview Chart
Virtualized JS Charts: Load Data on Zoom/Pan
Transforming Data with Filters
Trendline, Moving Average and Ratio Filters
Custom Filters
Realtime Percentage Change using Filter
Animation API
JavaScript Data Animation
JavaScript Style Animation
JavaScript Startup Animation
JavaScript Generic Animation
Builder (JSON / JS Objects) API
Simple Chart using Builder API
Full Chart using Builder API
Chart from JSON
Reusable Templates using Shared Data
Custom Types with Builder API
Subcharts API
JavaScript 64-Chart Dashboard Performance Demo
3D Charts
JavaScript 3D Chart Types
JavaScript 3D Bubble Chart
JavaScript Surface Mesh 3D Chart
LiDAR 3D Point Cloud of Geospatial Data
Tenor Curves Demo
Featured Apps
Performance Demos & Showcases
Realtime JavaScript Chart Performance Demo
Load 500 Series x 500 Points Performance Demo
Load 1 Million Points Performance Demo
Realtime Ghosted Traces
Realtime Audio Analyzer Demo
Oil & Gas Explorer Dashboard
Client/Server Websocket Data Streaming
Rich Interactions Showcase
Scientific & Medical Charts
JavaScript Vital Signs ECG/EKG Medical Demo
Logarithmic Axis Example
LiDAR 3D Point Cloud of Geospatial Data
Vertically Stacked Axes
Realtime Audio Analyzer Demo
Financial Charts
JavaScript Candlestick Chart
JavaScript Realtime Ticking Stock Charts
JavaScript Multi-Pane Stock Charts using Subcharts
Tenor Curves Demo
JavaScript Multi-Pane Stock Charts using Sync Multi-Chart
JavaScript Market Depth Chart
2D Charts
JavaScript Chart Types
JavaScript Line Chart
JavaScript Spline Line Chart
JavaScript Digital Line Chart
JavaScript Band Chart
JavaScript Spline Band Chart
JavaScript Digital Band Chart
JavaScript Bubble Chart
JavaScript Candlestick Chart
JavaScript Column Chart
JavaScript Error Bars Chart
JavaScript Impulse Chart
Javascript Text Chart
JavaScript Fan Chart
JavaScript Heatmap Chart
JavaScript Non Uniform Heatmap Chart
JavaScript Heatmap Chart With Contours
JavaScript Mountain Chart
Javascript Spline Mountain Chart
JavaScript Digital Mountain Chart
JavaScript Realtime Mountain Chart
JavaScript Scatter Chart
JavaScript Stacked Column Chart
JavaScript Stacked Column Side by Side
JavaScript Stacked Mountain Chart
JavaScript Pie Chart
JavaScript Donut Chart
Chart Annotations
JavaScript Chart Annotations
Coloring Series per-point using the PaletteProvider
Trading Buy Sell Marker Annotations
JavaScript Chart Drag Horizontal Threshold
JavaScript Chart Editable Annotations
Chart Legends
Chart Legends API
Chart Axis APIs
Multiple X Axes
Secondary Y Axes
Vertical Charts
Central Axes
Vertically Stacked Axes
Logarithmic Axis Example
Draw Behind Axis
Axis Types
Axis Layout Options
Axis Label Customization
Multi-line and Rotated Text labels
Image labels
Rotated Labels and Alignment
Styling and Theming
Background Image with Transparency
Styling a JavaScript Chart in Code
Using Theme Manager
Coloring Series per-point using the PaletteProvider
JavaScript Point-Markers Chart
Dashed Line Styling
Data Labels
Chart Title
Tooltips and Hit-Test
Hit-Test API
Using Rollover Modifier Tooltips
Using CursorModifier Crosshairs
Datapoint Metadata Tooltips
Using Series Selection
Data Point Selection
Zoom and Pan a Chart
Multiple X Axes
Secondary Y Axes
Zoom and Pan a Realtime JavaScript Chart
Zoom and Pan with multiple Chart Modifiers
Zoom and Pan with Overview Chart
Virtualized JS Charts: Load Data on Zoom/Pan
Transforming Data with Filters
Trendline, Moving Average and Ratio Filters
Custom Filters
Realtime Percentage Change using Filter
Animation API
JavaScript Data Animation
JavaScript Style Animation
JavaScript Startup Animation
JavaScript Generic Animation
Builder (JSON / JS Objects) API
Simple Chart using Builder API
Full Chart using Builder API
Chart from JSON
Reusable Templates using Shared Data
Custom Types with Builder API
Subcharts API
JavaScript 64-Chart Dashboard Performance Demo
3D Charts
JavaScript 3D Chart Types
JavaScript 3D Bubble Chart
JavaScript Surface Mesh 3D Chart
LiDAR 3D Point Cloud of Geospatial Data
Tenor Curves Demo
Quick Links
Home
WPF Charts
WPF 3D Charts
iOS & macOS Charts
Android Charts
JavaScript Charts
Pricing
News
NEW! SciChart Blog
About Us
EULA
Sitemap
Useful Links
Download FREE Trials
Installing and Uninstalling SciChart WPF
Testimonials & Reviews
Community & Support
WPF Chart Examples
iOS & macOS Chart Examples
Android Chart Examples
JavaScript Chart Examples
Contact us
Not sure where to start? Contact us, we are happy to help!
Contact Us
SciChart Ltd, 16 Beaufort Court, Admirals Way, Docklands, London, E14 9XL.