JavaScript Chart Examples

SciChart.js ships with ~60 JavaScript Chart Examples which you can browse, play with, view the source code and see related documentation. All of this is possible with the SciChart.js Examples Suite, which ships as part of the SciChart.js SDK

JavaScript Spline Line Chart

Demonstrates how to create a JavaScript Spline Line Chart using SciChart.js, High Performance JavaScript Charts

This example demonstrates how a JavaScript Spline Line chart can be created using the SplineLineRenderableSeries type.

SciChart's Spline Line type includes a spline-interpolation algorithm to smooth the line, when you have a few data-points and want a nicer looking, smoothed line series in your chart applications and dashboards


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.