Skip to main content
Skip table of contents

Curation - Clientside Treemap Chart

Intended audience: END-USERS ANALYSTS DEVELOPERS ADMINISTRATORS

AO Platform: 4.3

Overview

This topic provides an overview of a Clientside Treemap Chart. A Clientside Treemap Chart in curation is a visualization tool that represents hierarchical data using nested rectangles. Clientside Treemap chart is rendered on the client side, enabling interactive and dynamic data exploration offering meaningful insights tailored to the needs of the curation process.

Configuration of Clientside Treemap Chart

image-20250106-101931.png
image-20250106-102929.png
image-20250106-103031.png

Properties

Label

UI Widget

Default

Description

DATA

  • Category Fields

Dropdown w/Expression option

The Category Fields are columns or attributes in the dataset that represent the grouping levels in the treemap. Each field corresponds to a layer in the hierarchy, with higher-level categories nesting lower-level ones.

  • Aggregation Field Denoting Size 

Dropdown w/Expression option

The Aggregation Field Denoting Size dropdown allows the user to determine the size of each rectangle in the treemap. It typically represents a quantitative metric, and other numerical values, and is aggregated to calculate the total value for each category or subcategory.

  • Color Values by 

  • Colors by First Category 

Radio button

The Colors by First Category allows the user to visually distinguish the main groups in the dataset at a glance while maintaining consistency across subcategories through inherited color shades or tones.

  • Colors by Data Styles 

Radio button

The Colors by Data Styles refers to a feature where the color of each rectangle is determined by specific data values or styles applied to the dataset. This approach provides an additional layer of meaning to the visualization, allowing users to interpret the data more effectively based on color variations.

  • Colors by Aggregation Values 

Radio button

The Colors by Aggregate Values refers to assigning colors to rectangles based on aggregated numerical values for each category or subcategory. This method uses aggregated data, such as totals, averages, or counts, to define the color intensity, gradient, or specific hues, visually representing the data's magnitude or category.

  • Enable Drilldown 

ON/OFF Toggle

If enabled, allows the user to drilldown to see group details in the treemap.

  • Treemap Layout 

Dropdown

The Treemap Layout dropdown allows the user to choose from layout options such as Slice and Dice, Stripes, Squarified, and Strip.

  • Apply when shown from a Connected MSO

ON/OFF Toggle

 

The Apply When Shown from a Connected MSO ON/OFF Toggle determines whether the settings or actions are applied specifically when data is displayed through a connected MSO.

  • ON: The feature or behavior is applied when the data originates from the connected MSO.

  • OFF: The feature or behavior is not applied, regardless of the connected MSO.

  • Apply Curation Data Size for the App Data

ON/OFF Toggle

 

If enabled, the Record Count rules will be applied. If the Record Count rules are not met, the series will not be shown.

  • Additional Tooltip Data Properties

Display Name - Text Field

MSO Property - Dropdown

 

The Additional Tooltip Data Properties allows the user to select one or more MSO Field Properties to display their values in the tooltip when the user hovers over a data point.

  • Lazy Load Data Labels

ON/OFF Toggle

 

If enabled, in Clientside Treemap chart curation controls whether data labels are loaded gradually as the chart is interacted.

TOOLTIP

 

 

 

  • Additional Tooltip Properties

Key / Value - Text Fields

 

Optional Additional Tooltip Properties - expressed as a Key/Value pair.

  • Display Order

Number Field

 

The Display Order determines the priority or order in which grouped or categorized data is presented.

Examples of Curated Clientside Treemap Chart

image-20241216-115244.png
image-20241216-115323.png


Contact App Orchid | Disclaimer

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.