Heatmap reference

Compare a large number of metrics and dimensions

Overview

📖 Learn More about the Heatmap here.

📖 Find examples on the Heatmap here.

Parameters

Required

You must fill these parameters to produce a Heatmap

parameters label type description (placeholder | tooltip)
meta     |
y Y axis (rows) string (Column of dataset expected) Column containing the vertical breakdown |
dataset   string Dataset |
value Value string (Column of dataset expected) Column containing the value | Intersection of your breakdowns
x X axis (columns) string (Column of dataset expected) Column containing the horizontal breakdown |

Optional

You can let these parameters unset if you do not need them

parameters label type description (placeholder | tooltip)
mobileSize Mobile Size number Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1
opacity Square’s transparency string (Column of dataset expected) Column containing values | Will compute transparency based on the values in the column
yPackOrder Y packs order   | By default, alphabetical order
xPackOrder X packs order   | By default, alphabetical order
squareWidth Square width (in pixels) number Enter a new width (default : 60) | Capped at a 40px on mobile
xPack X Packs string (Column of dataset expected) Column containing grouping of labels | For the x axis
packNames Display pack names boolean |
yOrder Y order   | By default, alphabetical order
defaultSelected Default selection object |
defaultSelected/x Default selected column   |
defaultSelected/y Default selected row   |
subvalue Second value string (Column of dataset expected) Column containing secondary value |
tutorial Tutorial object |
tutorial/content Message string Enter your message | This will be displayed to your users
tutorial/alwaysShow Always show this tutorial boolean | By default the tutorial is shown once only
tutorial/id   string Enter an ID | Change the ID to display the tutorial again. All tutorials with the same ID will be displayed only once.
size Size number Enter a proportion of the total screen | Use on multiple charts onlyEnter a number from 0 to 1
alwaysShowValues Display all values and subvalues boolean |
xOrder X order   | By default, alphabetical order
squareHeight Square height (in pixels) number Enter a new height (default: 60) | Capped at a 40px on mobile
legend Display legend   |
target Target string (Column of dataset expected) Column containing target value | Will be displayed only in the legend
selectOnHover Select intersection on hover boolean |
yLabelWidth Y labels width (in pixels) number Enter a new width (default : 100) | Capped at a 100px on mobile
yPack Y Packs string (Column of dataset expected) Column containing grouping of labels | For the y axis
showYLabelsDots Display y axis dots boolean | Between y labels and squares
style Custom CSS class string amazing-class | Set a custom CSS class to target this specific chart with CSS

Others

This parameters are either common to all charts, or hidden from studio. You can use them in code mode, but it’s not recommended !

parameters label type description (placeholder | tooltip)
comment   string |
ypack   string (Column of dataset expected) |
xpack   string (Column of dataset expected) |
crossfilter   object | Use it for crossfilter configurationShould be configured on the primary chart
crossfilter/on on column string (Column of dataset expected) Column existing in primary and filtered datasets |
crossfilter/datasets Select the filtered datasets array | Datasets that will be filtered on the ‘on’ column
reverse     |
source   string |
sentiment   object |