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 Bubble Chart

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

Demonstrates how to create a JavaScript Bubble Chart. This is a chart type which draws point-marker (Ellipse, Square, Triangle or Custom) at X,Y locations.

The FastBubbleRenderableSeries requires an XyzDataSeries, which contains X,Y,Z data. The size or scale of the point is defined by a Z-point.


If you share a single XyzDataSeries between Line and Bubble Renderable Series, the line will render the X-Y points while the Bubble will render the X-Y-Z points.

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