Examples

Realtime Percentage Change using Filter

Demonstrates how to use a ScaleOffsetFilter to convert data to a Percentage Change with realtime updates, using SciChart.js, High Performance JavaScript Charts ScaleOffsetFilter […]

Zoom and Pan with Overview Chart

Demonstrates how to zoom and pan with an Overview Chart using SciChart.js, High Performance JavaScript Charts This examples shows how use SciChartOverview to […]

Zoom and Pan with multiple Chart Modifiers

Demonstrates different Zoom and Pan Modifiers on a JavaScript Chart using SciChart.js, High Performance JavaScript Charts Scroll Middle Mouse button to zoom in/zoom […]

Zoom and Pan a Realtime JavaScript Chart

Zoom the real-time chart below by dragging on the surface. Then double-click to reset zoom and start automatically scrolling again. […]

PointMetadata API

Demonstrates how to add and use MetaData in a chart using SciChart.js, High Performance JavaScript Charts Demonstrates the Metadata API, which allows you […]

Data Point Selection

Demonstrates how to Select Data Points on a chart using SciChart.js, High Performance JavaScript Charts Demonstrates the DataPointSelectionModifier, which provides a UI to […]

Using Series Selection

Demonstrates how to add Series Selection to a chart using SciChart.js, High Performance JavaScript Charts Demonstrates the Hover and Selection Apu, which can […]

Using CursorModifier Crosshairs

Demonstrates how to create crosshairs on mouseover using SciChart.js, High Performance JavaScript Charts Demonstrates using the CursorModifier, part of the ChartModifier API, to […]

Using Rollover Modifier Tooltips

Demonstrates how to create tooltips on mouse-over using SciChart.js, High Performance JavaScript Charts Demonstrates using the RolloverModifier, part of the ChartModifier API, to […]

Hit-Test API

Demonstrates how to add Hit-Test on click behavior to a chart using SciChart.js, High Performance JavaScript Charts Demonstrates the Hit Test API, which […]

Background Image with Transparency

Demonstrates how to create a Chart with Transparent Background using SciChart.js, High Performance JavaScript Charts Demonstrates how to set a background image by […]

Dashed Line Styling

Demonstrates how create JavaScript Charts with dashed lines using SciChart.js, High Performance JavaScript Charts Demonstrates the Line series, Mountain series and Band series […]

Queen’s Award for Innovation
Winners of the Queen’s Award for Innovation, recognising SciChart’s high-performance graphics engine.

National Business Awards
Highly Commended at the Lloyds National Business Awards for innovation and customer growth.

National Technology Awards
Awarded Healthcare Tech of the Year at the 2025 National Technology Awards.

Reviews
Hundreds of verified third-party reviews from developers, engineers, and customers worldwide.