Skip to content

About

React, Angular, JavaScript example & demo suite for SciChart.js - High Performance Realtime Charts. Live demo viewable online at https://www.scichart.com/demo/react

Topics

Resources

Contributing

Stars

117 stars

Watchers

17 watching

Forks

Repository files navigation

SciChart.js JavaScript Chart Examples Suite

Examples, showcase applications and tutorials for SciChart.js: Ultra High Performance Realtime JavaScript Chart Library.

SciChart.js Ultra High Performance Realtime JavaScript Chart library

SciChart has the only viable solution for mission-critical charting applications, with our ultra-fast 2D/3D graphics technology codenamed Visual Xccelerator® now ported to JavaScript/TypeScript using WebGL and WebAssembly. We have cross-platform technology and provide solutions to enterprise around the world for Windows, Mobile, macOS and now JavaScript apps.

Insane performance

SciChart's Ultra High performance JavaScript Charts can draw many millions of data-points, allowing you to zoom, pan, or browse big-data sets with ease. SciChart enables next-generation JavaScript & TypeScript chart applications by allowing previously impossible datarates and update-rates. After all, we make 'Impossible projects possible'!

Online Demo

An online demo version of scichart.js.examples can be seen at https://demo.scichart.com.

Check out the demos below:

Click Load in the demo to create 500 series, each with 500 points (250,000 points total) and watch the JavaScript Chart draw instantly!

Javascript Chart Performance Demo

Click Start in the demo to create three series and append 100k points per second to each, with a total point count in the millions.

Javascript Chart Performance Demo

Click Start to watch 10 series with thousands of points animating, while applying a glow WebGL Shader effect.

Javascript Chart Performance Demo

The demo includes many JavaScript Chart Types including JavaScript Bubble Chart, a real-time JavaScript heatmap chart, a JavaScript Candlestick Chart and many more!

SciChart.js also includes 3D Charts, and has a JavaScript UAV LiDAR 3D Point-Cloud demo, a JavaScript 3D Bubble Chart and a JavaScript 3D Surface Mesh Chart.

Documentation

We've taken the time to create hundreds of documentation pages for our JavaScript Charts, which you can find over at https://www.scichart.com/javascript-chart-documentation. Take a look here for tutorials, getting-started guides, API Docs (TypeDoc) and more.

JavaScript Chart Documentation.

Developer Quick-Start

Licensing the application

TODO!

Run application in dev mode

To start the application locally you will need to npm-install and npm run dev. This will run a development server locally and you should be able to view the examples in browser at http://localhost:8080

npm install
npm run dev

Run application in production mode

To start the application in production mode, run the following scripts. Note in production mode google analytics will be enabled.

npm run build
npm start

Simple Code Examples

TODO!

Creating a SciChartSurface with X,Y Axis

TODO!

Updating Data

TODO!

Zooming and Panning

TODO!

Tooltips and Legends

TODO!

Adding Annotations

TODO!

Adding Multiple Axis

TODO!

Linking Multiple Charts

TODO!

Further resources to Get Started with SciChart

TODO!

About

React, Angular, JavaScript example & demo suite for SciChart.js - High Performance Realtime Charts. Live demo viewable online at https://www.scichart.com/demo/react

Topics

Resources

Contributing

Stars

117 stars

Watchers

17 watching

Forks

Releases

Packages

Contributors

Languages