Skip to main content

Heatmap Charts

JavaScript Chart Types

Heatmap Charts

Heatmap charts show individual values based on a color coding to quickly enable identification of value grouping and outliers.

Using a smartPalette with a heatmap chart.
A live heatmap chart that updates as fast as possible without a timer.
A heatmap with point labels that appear as KPI indicators.
A circular heatmap chart using gauge with columns.
A heatmap chart with multiple axes.
A multivariate tile map chart of US states.
A simple tile map chart of US states.
A tile map chart with microcharts.
A cohort analysis heatmap chart.
Using a smartPalette with an interactive legend colorBar on a heatMap.
A full bleed heatmap chart that extends the chart area to the edges of the SVG image.
A simple game of 15 implementation using heatmap chart type.
Interactive matrix diagram chart of NBA team ranking using series selection.
A status map created using the heatmap chart type.
A status map timeline chart.
Tile map of US states for the 2020 election results with detailed tooltip information.
Tile map of US states with dynamic pictogram icons based on state values.
A linear heatmap showing temperature anomalies over time.