Uploaded October 2020 | Updated September 2026, 2 weeks ago

---

Learn how to add multiple data series and big datasets to JavaScript charts using SciChart.js, the high-performance WebGL charting library. This is Tutorial #2 in the SciChart.js series, where we explore how to create fast, scalable visualizations ideal for real-time, scientific, financial, and engineering applications.

In this video, you’ll learn:

How to add FastLineRenderableSeries to a chart

How to create and populate XyDataSeries

How to add 100 series × 10,000 points each (1 million datapoints)

How SciChart.js maintains smooth performance even with massive datasets

Best practices for handling large-scale, real-time visualization in JS

SciChart.js is engineered for GPU-accelerated charts that can handle millions of points, making it perfect for high-performance dashboards and big-data applications.

🔗 Resources & Links

JavaScript Chart Tutorials:
scichart.com/javascript-charts-tutorials

SciChart.js Getting Started Guide:
scichart.com/getting-started-scichart-js

Source Code for This Tutorial:
github.com/abtsoftware/scichart.js.examples

JavaScript Examples & Demos:
demo.scichart.com

Documentation:
scichart.com/read-documentation

GitHub Repository:
github.com/abtsoftware

Start a Free Trial:
scichart.com/getting-started-scichart-js

License Pricing:
scichart.com/shop

Case Studies:
scichart.com/case-studies


👤 Connect with Us

Contact SciChart: scichart.com/contact-us

Andrew Burnett-Thompson (Founder & CEO)

Twitter/X: https://x.com/DrAndrewBt

#SciChartJS #JavaScriptCharts #WebGLCharts #BigDataCharts #RealTimeCharts #HighPerformanceCharts #DataVisualization #EngineeringTools #ScientificVisualization