SciChart.js Tutorials

We've prepared a number of tutorials for SciChart.js - High Performance Realtime Javascript Charts.

You can find all written and video tutorials in the SciChart.js documentation over at scichart.com/javascript-chart-documentation. Many include videos embedded in the page. The source-code for tutorials are found in this repository.

.

List of SciChart.js Tutorials

2D Chart Tutorials (Webpack)

The following tutorials use npm, webpack and javascript.:

1. Tutorial 01 - Setting up a npm Project with SciChart.js Video & Text / Source Code
2. Tutorial 02 - Adding Series and Data Video & Text / Source Code
3. Tutorial 03 - Adding Zooming, Panning Behavior Video & Text / Source Code
4. Tutorial 04 - Adding Realtime Updates Video & Text / Source Code
5. Tutorial 05 - Zoom and Pan with Realtime Updates Video & Text / Source Code
6. Tutorial 06 - Adding Annotations Video & Text / Source Code
7. Tutorial 07 - Adding Tooltips and Legends Video & Text / Source Code
8. Tutorial 08 - Adding Multiple Axis Video & Text / Source Code
9. Tutorial 09 - Linking Multiple Charts Video & Text / Source Code

2D Chart Tutorials (no bundler)

We have a handful of tutorials showing you how to use SciChart.js in vanilla HTML/js pages (no bundler, no imports, no npm-install required, just a <script>)

1. Tutorial 01 - Including SciChart.js in an HTML Page Text / Source Code
2. Tutorial 02 - Adding Series and Data in an HTML Page Text / Source Code

3D Chart Tutorials

Coming soon!