Uploaded November 2020 | Updated September 2026, 2 weeks ago

---

In Tutorial #5 of our SciChart.js series, you’ll discover how to create high-performance, WebGL-accelerated charts with interactive zooming and panning. Perfect for scientific, financial, engineering, and industrial applications.

In this video, you’ll learn:

Using XyDataSeries for real-time updates

Adding ChartModifiers for zoom, pan, drag-to-zoom, and mousewheel zoom

Detecting user interactions with SciChartSurface.zoomState

Tips for smooth, high-performance charting

SciChart.js enables developers to build charts capable of millions of datapoints, ideal for real-time dashboards, financial trading apps, engineering tools, and scientific visualizations.

🔗 Resources & Links

Tutorial Series: scichart.com/javascript-charts-tutorials

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

JavaScript Demos & Examples: scichart.com/demo/javascript

Documentation: scichart.com/documentation

GitHub: github.com/abtsoftware

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

License Pricing: scichart.com/shop

Case Studies: scichart.com/case-studies

👤 Connect with Us

Andrew Burnett-Thompson (Founder & CEO)

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


#SciChartJS #JavaScriptCharts #WebGLCharts #RealTimeCharts #HighPerformanceCharts #DataVisualization #InteractiveCharts