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.

JavaScript Digital Line Chart

Demonstrates how to create a JavaScript Digital Line Chart using SciChart.js, our powerful JavaScript Charts

Step Lines or Digital Lines are created in SciChart.js using the FastLineRenderableSeries. By setting the property IsDigitalLine=true the line is drawn as a step function.

In SciChart.js lines can be stepped, continuous or spline interpolated (smoothed) using our flexible JS Chart Library.


As well as stroke, you can set strokeThickness, isVisible properties to change how the series is rendered.

You can add data-point markers to a line series using the PointMarker API. This is very performant and uses the same WebGL rendering as our Scatter Charts.

2D Charts
Chart Legends
SciChart Ltd, 16 Beaufort Court, Admirals Way, Docklands, London, E14 9XL.