A Heat Map Chart assigns colors to cells in a grid based on value ranges, providing an instant visual summary of how data varies across two dimensions. This chart type is widely used for tracking indices, ratings, and scores over time.
This sample visualizes the Human Development Index (HDI) for six world macroregions from 2010 to 2018. An ordinal color scale maps each cell to one of four categories — Low, Medium, High, and Very High — so regional progress is visible at a glance. Cell labels are hidden to keep the grid clean, while custom tooltips display the exact HDI value and its category when you hover any cell. The legend lists all four development tiers with their corresponding colors.
Follow the step-by-step Heat Map Tutorial to learn how this chart was built. See the Heat Map documentation for all configuration options.