Documentation
  • The Fundamental
  • ACTIVE SYNC
    • Data Ingestion
      • Data Tracking
        • API Key Management
        • Generate Tracking ID
        • Install tracking with Tag Manager
        • Install Tracking from the Console
        • Tracking Method on Website
      • Datasource
        • MySQL
        • PostgreSQL
        • MongoDB
        • Microsoft SQL Server
        • Shopify
        • CSV
        • Google Sheets
    • Data Ingestion API
      • Data Lake
        • File upload
        • Tracking API
      • Data Warehouse
        • Batch upload
        • CSV upload
        • Tracking API
      • Data Schema Warehouse API
    • Data Integrations
      • Manage your API Key
      • Get Data using API
  • ROCKET.BI
    • Introduction
    • Data Warehouse
      • Data Management
      • Ad-hoc Query
        • Measure Schema
        • Calculated Field
      • Query Analysis
      • Relationship
    • Row-level Security
    • Dashboard
      • Dashboard Filter
      • Chart Control
        • Tab Control
        • Single Choice
        • Multiple Choice
        • Dropdown Control
        • Slicer Control
        • Date Control
        • Input Control
      • Manage Dashboard
        • Relationship
        • View and Share
        • Select Main Date Filter
        • Boost
        • Settings
        • Add Chart
        • Add Tab
        • Add Text
    • Chart Builder
      • Chart Types
        • Pie Chart
        • Column Chart
        • Bar Chart
        • Line Chart
        • Line Stock Chart
        • Pareto Chart
        • Bubble Chart
        • Scatter Chart
        • Map Chart
        • Area Chart
        • KPI Chart
        • Lollipop Chart
        • Parliament Chart
        • Funnel Chart
        • Pyramid Chart
        • Gauge Chart
        • Bullet Graph Chart
        • Heat Map Chart
        • Word Cloud Chart
        • Tree Map Chart
        • Stacked Column Chart
        • Stacked Bar Chart
        • Sankey Chart
        • Spider Web Chart
        • Wind Rose Chart
        • Histogram Chart
        • Bell Curve Chart
        • Table Chart
        • Pivot Table Chart
      • Chart Settings
        • Zoom
        • Inner chart filter
      • Chart Filters
        • Tab Filter
        • Single Choice
        • Multiple Choice
        • Dropdown Filter
        • Slicer Filter
        • Date Filter
        • Input Filter
      • Right-click Settings
        • Change date function
        • Drill down
        • Drill through
        • Use as a filter
    • SQL Query
      • Syntax
      • Functions
      • Aggregate Functions
      • Data Types
  • UNLOCK.CI
    • Unlock.CI
Powered by GitBook
On this page
  • 1. What is a Tree Map chart?
  • When to use Tree Map chart?
  • 2. How to build a Tree Map chart with example
  • 3. Tree Map Chart Config
  1. ROCKET.BI
  2. Chart Builder
  3. Chart Types

Tree Map Chart

Also known as Tree Map Graph

PreviousWord Cloud ChartNextStacked Column Chart

Last updated 2 years ago

1. What is a Tree Map chart?

A tree map chart is used to display hierarchically organized data using nested rectangles to represent the branches of a tree diagram. Each sub-branch is shown as a smaller rectangle.

When to use Tree Map chart?

A tree map chart is used to display data that is grouped and nested in a hierarchical (or tree-based) structure.

Consider using Tree map when you want to showcase the data that are significant in a specific category :

  • You want to visualize a part-to-whole relationship amongst a large number of categories.

  • Precise comparisons between categories are not important.

  • The data is hierarchical.

2. How to build a Tree Map chart with example

The tree map chart effectively illustrates sales revenue by region, presenting a hierarchical view of the data where each region is subdivided into smaller rectangles representing sales channels, allowing businesses to visually analyze the revenue distribution by region and gain insights into the contribution of different sales channels within each region, enabling informed decision-making and resource allocation for optimizing sales strategies.

  1. Click Click here to add your first chart

  2. In the menu, select Tree Maps to create a treemap chart

3. Tree Map Chart Config

  1. Select the database you use to create suggested in the list

  2. Choose the table containing the data you use to create, then it will show you the list of fields included in the table

  3. Drag/drop or select the Legend properties, you may need to add two or more values to show the branches

  4. Drag/drop or select the Value corresponding to the Legend properties

  5. Drag/drop or select the Sorting field to sort out the data in the chart (optional)

  6. Drag/drop or select the Filters field to emphasize a specific data (optional)

  7. You can see the visualization of your chart on the left side and select Settings to change the element’s settings

  • TITLE & SUBTITLE

You can change the title of the chart, choose the font, color and size of the name. You can also add the subtitle and change its format.

  • LAYOUT

You can change the style of the chart, such as Slice and Dice, Stripes, Squarified, Strips.

  • DATA COLOR

Data color can be set auto or you can choose your favorite colors.

  • DATA LABEL

If you turn the label on, you can choose its style to perform (percent, value, raw), choose the font, color and size of the label and its position.

  • BACKGROUND

You can change the background color of the chart.

  • TOOLTIP

When you hover over a rectangle of the chart, a text box appears to display information about the data of that rectangle. You can change the text color, font, and background.

  • OTHER

Change the display unit, precision, and other functions

8. After building the chart visualization, click Add to create your chart.

9. Your chart will show up along with actions like sharing, editing, etc.

We hope that the above instructions will be useful to you. Let's have a look at our other articles to learn more about using other charts in data visualization with Rocket.BI.