Treemaps show parts of a whole and display hierarchical information.

1. Treemap Chart: Single Dimension

Treemap Chart in Google Data Studio
Treemap Chart in Google Data Studio
  • In this chart, we are displaying County and Gender Revenue.

  • Colour depends on the value of the metric and can be configured within the style tab. In this chart, the max colour value is set to Green, Mid = Light Yellow, and Min = Light Red.

  • Max Row: Data Points to show within the Chart, excluding the headers

Recommended: Yes

  • With A Single Dimension Configuration

2. Treemap Chart – Two or more dimension

Treemap Chart in Google Data Studio
Treemap Chart in Google Data Studio
  • In this chart, we are displaying County and Gender Revenue.

  • Colour depends on the value of the metric and can be configured within the style tab. In this chart, the max colour value is set to Green, Mid = Light Yellow, and Min = Light Red.

  • Max Row: Data Points to show within the Chart, excluding the headers

Recommended: No

  • Recommended: No, In this example, over 90% of revenue is coming from the US and the chart looks great, but a treemap map can be hard to visualize for two dimensions. Avoid having two dimensions, unless it's absolutely necessary.

Enjoy reading the guide? I have explained every chart available in the new Data Studio Book here. Visual explanations for graphs configurations, style, format, and recommendations. So you can also see how the final result will look and why one design is better than others for the same chart.