Pre loader

JavaScript Realtime Surface Mesh 3D Chart Demo

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.

Getting Started

Did you know 3D Surface Mesh charts can be updated in real-time with SciChart.js?

In this example we showcase how to dynamically update data in a 3D Surface Mesh chart. Using a similar mechanism to our heatmap charts, update a 2-dimensional array with new values and the entire 3D chart updates!

Tips:

  • Try rotating, panning the chart using the left-mouse.
  • Try zooming in/out using the mouse-wheel
  • Double-clicking resets zoom
RealtimeSurfaceMesh3DChart/index.tsx
View source code
Back to JavaScript Chart Examples

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New