How to use the 'Matrix' or 'Heatmap' visualization?

  • 5 July 2018
  • 4 replies

Hi there,

I am trying to use the custom ‘Matrix’ visualization (also tried the ‘Heatmap’ one), to show the relationship between two dimensions in a grid format:

I added the ‘matrix.js’, along with the two dependencies ‘utils.js’ and ‘d3.v4.js’.

I chose two dimensions, and a measure, and tried to visualize that in a matrix/grid format:

-> On the x-axis, I am trying to show the dimension ‘product names’ that is being used.

-> On the y-axis, there is another dimension, which is the ‘company names’.

-> The measure here is the count, which is the number of users using each product by company. I was hoping to see darker color grids for high count of usage, and lighter color ones for low counts.

Unfortunately, it does not seem to create one and shows up as blank (I only see the table results in ‘Data’, but nothing in ‘Visualization’ when the ‘Matrix’ option is chosen). Not sure what I am doing incorrectly. Any help would be greatly appreciated, thank you!

4 replies

Userlevel 1

Hi @laksh5,

Thanks for reaching out. The Matrix and Heatmap visualizations are not currently available as self-service custom visualizations. Here is the visualization library for self-service custom visualizations (using the Sanboxed Custom Visualizations Labs feature). The library linked above is for our old custom visualizations feature, which was available for self-hosted customers. I have let our product team know that you would like to see these custom visualizations available under the new self-service feature!

Thanks again,


will the heatmap or matrix ever make it to hosted versions? 

Any news? Still waiting this graph

Any news on this? This is a very obvious visualisation to have!!!