Pre loader

JavaScript Non-Uniform Heatmap Chart

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

If you want to create a heatmap in your application, this demo shows you how to create a JavaScript Non-Uniform Heatmap Chart using SciChart.js, our 5-star rated JavaScript Chart Library.

The Non-Uniform Heatmap differs from the regular heatmap chart by allowing rows and columns to be different sizes. The cells in the heatmap are represented by a 2D array and values are color-mapped to a numeric value. You can also display text inside the cells with our new DataLabels feature in SciChart.js v3. Perfect for Sonar, MRI/medical imagery, Spectrograms or Audio/Radio frequency analysis in JavaScript.

 

NonUniformHeatmapChart/index.tsx
View source code
Back to JavaScript Chart Examples

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New

Try SciChart Today

Start a trial and discover why we are the choice
of demanding developers worldwide

Start TrialCase Studies