Heatmap

Purpose & Application

The heatmap helps you acquire a global vision on combining several indicators and entities. It is also ideal for cutting through data.

The heatmap is good for comparison. Use the heatmap to get an overview of what’s happening across a large number of metrics and dimensions. Each value represents the intersection of the the x-axis and the y-axis. You can also add a secondary value (for instance variation vs last period).

📝 For example, I want to see all my industrial KPIs by production sites

A heat map visualizes data through color variations. As a matter of fact, this graph is useful for cross-referencing a variety of data, placing variables in rows and columns, and coloring cells in the table.

Heat models are quite effective to show variations between multiple variables. It acts by revealing all the models available, showing forth similarity between variables, and detecting any possible correlations between them.

Info

You have the option to display complementary information within the legend. Very useful if you want to compare performances to the target for example! 🎯

Key features

• Subvalue will allow you to display a complementary information within cells in the table. This way, you can focus on what’s important for you : market share & ranking, sales & variation… every analysis is possible!

• Xorder and yorder will give you the opportunity to choose the order the information is displayed. It can be helpful if you want to focus first on something specific! 🔍

• Packs will help you vizualize groups or categories that you want to analyze together.

Configuration

*Mandatory parameters

Section	Option	Configuration tutorial
	Dataset*	Select the dataset used by the chart
	X axis (columns)*	Select the column corresponding to the abscissa
	Y axis (rows)*	Select the column corresponding to the ordinate
	Value*	Select the aggregation to use, and the column on which the aggregation will be applied for you value (Intersection of your breakdowns)
Legend	Display legend	Click on the toogle to use legend
Legend	Default selection -> Default selected column	(The display legend option should be activated for this one) Check the box "Default selection", then "Default selected column" Select the configuration type
Legend	Default selection -> Default selected row	(The display legend option should be activated for this one) Check the box "Default selection", then "Default selected row" Select the configuration type
Legend	Additional info	(The display legend option should be activated for this one) Check the box "Additional info" Select a column and an aggregation for additional infos to display in the legend
Legend	Select intersection on hover	(The display legend option should be activated for this one) Click on the toogle to activate this option
Sort	X order	(By default, alphabetical order) Check the box "X order" Select the configuration type and the Order (column to use for ordering)
Sort	Y order	(By default, alphabetical order) Check the box "Y order" Select the configuration type and the Order (column to use for ordering)
Packs	X Packs	Check the box "X Packs" and select the column containing informations about grouping label
Packs	Y Packs	Check the box "Y Packs" and select the column containing informations about grouping label
Packs	Display Pack names	Click on the toggle "Display pack names"
Packs	X packs order	(By default, alphabetical order) Check the box Select the configuration type Select the column to use for ordering
Packs	Y packs order	(By default, alphabetical order) Check the box Select the configuration type Select the column to use for ordering
Enrich chart	Second value	Check the box. Select the column to display as second value, and the aggregation.
Enrich chart	Target	(The target value will be displayed only in the Legend) Check the box "Target" and select the column corresponding the the target
Display	Display all values and subvalues	Check the box
Display	Square's transparency	Check the box Select the column to be based on to determine transparency level
Display	Square height (in pixels)	Enter the square height in pixels (caped at 40px on mobile)
Display	Square width (in pixels)	Enter the square width in pixels (caped at 40px on mobile)
Display	Y Label width (in pixels)	Enter the square width in pixels (caped at 100px on mobile)
Display	Display Y axis dots	Click on the toogle in order to display dots between the label and squares
Display	Size	(Used only for multiple charts) Enter a proportion of the total screen between 0 and 1
Display	Mobile size	(Used only for multiple charts) Enter a proportion of the total screen between 0 and 1 for mobile screens
Display	Custom CSS class	Set a custom CSS class to target this specific chart with CSS
Tutorial	ID	Enter an ID. Change the ID to display the tutorial again. All tutorials with the same ID will be displayed only once.
Tutorial	Message	Enter your message. This will be displayed to your users
Tutorial	Always show this tutorial	By default the tutorial is shown once only