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 Surface Mesh 3D Chart

Learn how to create a detailed JavaScript 3D Surface Mesh Chart using SciChart.js, and our High Performance JavaScript 3D Chart Library

The Surface Mesh chart type can be used to represent 2D data in a 3D map. It looks like a topographical map where values in a 2D array are drawn as heights and mapped to a color. The Surface Mesh 3D chart type in SciChart.js is highly dynamic and allows for large volumes of data to be plotted.


Bubbles can be colored individually, programmatically selected and scaled using the PointMetadata3D class. PointMetadata also allows you to tag individual bubbles with a business object of any type.

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