Pre loader

JavaScript Heatmap Chart With Contours

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

Our JavaScript 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.

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

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New