Uploaded October 2020 | Updated September 2026, 2 weeks ago

---

Learn how to set up your first JavaScript project with SciChart.js, Node.js, and Webpack.
This is Tutorial #1 in the SciChart.js series, designed for developers building high-performance, real-time charts for scientific, financial, engineering, and industrial applications.

In this tutorial, you’ll learn:

How to install SciChart.js from npm
How to configure a project with Webpack
Setting up a basic HTML/JS project in VSCode
Creating your first chart with a single X & Y axis
Using Node.js for development, with optional TypeScript support

By the end of this video, you’ll have a working boilerplate project ready to start building interactive, GPU-accelerated charts using SciChart.js.

🔗 Resources & Links

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

Getting Started with SciChart.js:
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/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 #RealTimeCharts #HighPerformanceCharts #DataVisualization #WebpackJS #NodeJS #InteractiveCharts #EngineeringTools #ScientificVisualization"