Multi-level Treemap Chart

When data is organized in multiple levels— like product categories, regional hierarchies, or organizational structures, it can be hard to visualize both the big picture and the finer details at the same time. The QBeeQ Multi-level Treemap Chart allows you to show how different segments relate to each other and contribute to the whole.

This interactive visualization displays nested rectangles to represent hierarchical data, with each level clearly visible or drillable. You can sort sections, color them by category or KPI, and expand or collapse layers as needed. It’s ideal for exploring complex datasets like sales by region and product line or operational costs across departments, helping users identify patterns, outliers, and opportunities in one quick glance.

Notion image

Installation and configuration

The Tree Map plugin can be installed by an Admin, following the directions in Installing QBeeQ Plugins.

Operating system and version support:

  • Linux - Latest
  • Windows - Latest

Creating a new Treemap chart

To create a new Treemap chart:

  1. Choose QBeeQ Treemap Chart from the widget dropdown list
  1. Select data as Category, Value and Subcategory
  1. Configure settings

Select data

Use the data panel to select data to display on the chart:

  • Category - The parent dimension displayed on initial view. This defines the top-level breakdown in the treemap.
  • Value - The metric or formula that determines the size of each rectangle. The same value will be inherited by the sub-categories beneath each parent.
  • Subcategory - The child dimension used to break down each parent category when expanded.

Configure settings

Setting
Description
Options
Behavior
Animation
Enables smooth transitions and entrance effects for the widget
On, Off
Themes
Defines the background color of the widget
Light, Dark
Tree Map Option
Determines the layout behavior
Drill Down, Multilevel
Drill Down enables interaction through levels. Multilevel shows all levels expanded
Coloring By
Controls how each rectangle is color-coded
Category, Value
Category assigns colors by dimension value. Value applies color based on a numerical metric.
Sorting By
Defines the sorting logic for the dimension values represented in the rectangles.
Ascending, Descending, None

Tree Map Option and Coloring By options

Drilldown by Category
Drilldown by Category
Drilldown by Value
Drilldown by Value
Multi-level by Category
Multi-level by Category
Multi-level by Value
Multi-level by Value

Using the Multi-level Treemap

Tooltips

Viewers can hover over each slice to view a tooltip containing:

  • Category
  • Subcategory
  • Value
  • Percentage of total area
Notion image

Click to filter

Click on any sub-category rectangle to apply a filter to the dashboard based on that selection.

Drilldown

Click on any parent category to drill into its sub-category, revealing a focused view of that sub-treemap.

 
Did this answer your question?
😞
😐
🤩

Last updated on August 6, 2021