Pre loader

JavaScript Chart Websocket BigData Demo

JavaScript Chart - Examples

SciChart.js ships with over 80 JavaScript Chart demos which you can browse, view the source code and see related documentation. Build incredible complex dashboards with SciChart.js, our High Performance JavaScript Chart Library.

Getting Started

JavaScript Charts are often included in client-server applications where the data is on the server-side, and charts rendered on the client.

This demo of SciChart.js shows you how to setup a client-server web socket and stream data from the server to the client, updating a real-time chart as the new data comes in.

The example focusses on the integration from the websocket to the SciChart.js dataSeries – a type which accepts dynamic updates of data and automatically redraws the chart.

Go to the drawExample.ts and investigate initWebSocket() function for more information.

WebsocketBigData/drawExample.ts
View source code
WebsocketBigData/index.tsx
View source code
Back to JavaScript Chart Examples

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New

Try SciChart Today

Start a trial and discover why we are the choice
of demanding developers worldwide

Start TrialCase Studies