Treemap Chart

A treemap is a hierarchical data visualization technique that uses nested rectangles to represent categories and subcategories. The size of each rectangle corresponds to the value of the category. Treemaps are effective for displaying part-to-whole relationships, where the proportion of each part relative to the whole is crucial. The largest rectangles are placed at the top left, with smaller ones following in size order to the bottom right. This arrangement helps you quickly identify the largest and smallest components within the dataset. Clicking on the individual rectangles will allow you to drill down to further details based on the dimension selected in the hierarchical order, allowing for a deeper analysis of subcategories nested within larger categories.

Note

Treemap chart is an ideal option to showcase the part to whole contribution and for analyzing hierarchical data.

Note

• Keep the number of dimensions to a manageable level to maintain clarity and avoid clutter.
• Use a consistent color scheme that helps differentiate between different levels and categories
• Ensure the data you want to visualize is hierarchical.

Dont's

• Do not include too many levels or segments.
• Do not use treemap chart when there is no proper hierarchical order.

Basic Configuration

Add and configure the required treemap chart in Infoveave with the simple drag-and-drop option. Select the Datasource, the associated measure(s) and the dimension(s) required. Below are the simple steps on how to configure a treemap chart in Infoveave.

1. Drag the treemap chart and drop it onto the designer workspace, from the chart library.
2. Click on the treemap chart in the designer to select it.
3. With the treemap chart selected, go to the Widget Configuration tab located in the Customize panel.
4. Under the Configuration tab, select the Basic Configuration option to access the essential settings for the treemap chart.
5. Select the Datasource from Source which the chart will pull the data from the option.
6. Choose the Measure(s) that represents the numerical values you want to display based on the treemap chart.
7. Choose the Dimension(s) that represents the categorical values you want to display based on the treemap chart.
8. Use the Date (optional) to include a date dimension in your chart, useful for showing trends over time.
9. Enable Hide Zero Values option (optional) to hide bars that have a value of zero.

Chart Customization

Customizing the treemap chart allows you to tailor the widget appearance to meet your theme. With improved customization you can enhance the clarity on the data points, the chart aesthetics and set interactivity filters making your dashboard visually appealing also effectively communicating your data insights.

With the treemap chart selected, go to the Widget Customization tab located in the Customize panel.

The basic customizations available for the treemap chart are as below

• General Modify the chart’s general appearance, including the background color, borders, shadows, and drill-out choices.
• Title Enable and customize the chart title’s text, font, color, and alignment.
• Sorting Choose the order in which data points are shown in the chart.
• Grid Customize the visibility and style of grid lines and margins in the chart.
• Heatmap Adjust the heatmap visibility, position, text, and orientation settings.
• Series Customize the look and behavior of the data series, such as labels, colors, and backdrop.
• Tooltip Customize the tooltip settings to improve the information shown when you hover over data points.
• Others Additional options for stacking data series and displaying them as percentages.