Published at: 2025-10-30

Tree Map

Treemap

1.1 Use Cases

Treemaps are renowned for their unique hierarchical structure and intuitive data visualization, enabling users to easily comprehend complex data distributions. For instance, a single-dimension treemap (Figure 1) is ideal for analyzing and displaying data distributions. It helps users quickly identify key data points and understand proportions across different segments. This type of treemap is particularly useful for showcasing departmental performance or sales breakdowns by product category, providing a clear overview of the data.

A dual-dimension treemap (Figure 2) enhances data visualization by introducing two hierarchical dimensions. It not only displays the hierarchical structure of each dimension but also reveals relationships and variations through block sizes and color gradients. This chart is especially valuable for complex business scenarios, such as analyzing regional sales performance alongside product line results, delivering deeper and more comprehensive insights.

Figure 1. Single-Dimension Treemap

Figure 2. Dual-Dimension Treemap

1.2 Chart Configuration

1.2.1 Axis Data

Dimensions: 1–2 dimensions
Metrics: 1 metric

Figure 3. Dimensions and Metrics

1.2.2 Styling (Web)

1.2.2.1 Basic Information

Chart Title: Defaults to the analysis Subject name during creation. Can be customized in chart settings.

Figure 4. Chart Title

Notes:
- Content: Add contextual notes to help viewers interpret the chart.
- Display Options:
  - Collapsed: Shown as an icon next to the title in detail/card views. Hover to reveal the note.
  - Expanded: Displayed as text next to the title.
  - Hidden: Not shown in any view.

Figure 5. Adding Notes

Figure 6. Collapsed Note Display

Figure 7. Expanded Note Display

Metric Name: Displays the metric name by default. Customizable.

Figure 8. Editing Metric Names

Dimension Name: Displays the dimension name by default. Customizable.

Figure 9. Editing Dimension Names

1.2.2.2 Display Settings

Data Labels:
- Percentage: Toggle to show/hide percentage values.
- Value: Toggle to show/hide metric values.
- Dimension: Customize visibility.
  - Line Break: Configure single-line or multi-line display.

Figure 10. Data Label Configuration

Show Total: Toggle visibility.
- Display Logic: Defaults to “Show.” When hidden, totals are omitted in all views.
- Hide in Card View: Enabled by default. Disabled if totals are hidden.
Data Table: Configure visibility and position (top/bottom/left/right). Default: hidden.
- Hide in Card View: Enabled by default.

Figure 11. Data Table Configuration

1.2.2.3 Colors & Fonts

Color Schemes:
- Modern: Supports custom color adjustments.
- Classic: Fixed color palette.
- Accessibility Patterns: Optional overlay.
Font Size: Adjust from preset options.

Figure 12. Color Schemes