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 Heatmap Chart With Contours

Our Contours Chart example demonstrates how to create a JavaScript Contour-map Chart using our powerful JavaScript Chart Library.

Our Heatmap is highly dynamic and enables display of Sonar, MRI/medical imagery, Spectrograms or Audio/Radio analysis in JavaScript. The entire heatmap is represented by a 2D array and is color-mapped to a numeric value. Contour lines are calculated at a specified step value and drawn over the chart automatically.


Contours are calculated using GPU Shader programs so are very fast, but require some tweaking of properties on UniformContoursRenderableSeries to get a good visual.

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