AG Studio: Build dashboards using native components in web apps. Join us for a webinar on 28th July at 2pm UTC+1 Register
AG Grid
Best JavaScript Grid in the World
AG Charts
Best JavaScript Charts in the World
AG Studio
Best JavaScript Dashboard in the World
Bryntum Gantt
Speed-tuned Gantt chart for project planning
Bryntum Scheduler
Resource scheduling timeline component
PROPRO
Bryntum Scheduler Pro
Scheduler with auto-scheduling and constraints
Bryntum Calendar
Flexible JavaScript event calendar
Bryntum Task Board
Kanban-style task board component
Search

Heatmap Chart with Labels Example

This example shows a heatmap chart with labels built with AG Charts, colouring a grid of cells by value to expose patterns across two categories. Configure the colour scale, axes, labels and tooltips, then build the same chart in JavaScript, React, Angular or Vue.

Get started with JavaScript, React, Angular or Vue.

More from the charts gallery...

Heatmap Chart
Heatmap Chart with Grouped Category Axis
Calendar Heatmap Chart