Treemap properties

Below you can find in-depth user information about each property, what it does and how it can be applied


A Treemap helps you to visualize quantities in a hierarchical structure, and yet in a compact way. 

A Datylon treemap consists of a minimum 1 and maximum 3 hierarchical levels, called “Level” in the Datylon interface. At least one Level and the Size property should be bound for a Treemap to be drawn. 

The highest Level divides the plot area into cells based on unique categories. The size of each cell represents the sum of values that corresponds to the same category. 

Lower Levels split the higher-level cells into smaller cells.

The lowest bound Level creates cells at the size of every value bound to the Size property. If only one Level is bound, it will behave as the lowest level.


Many properties in the DATA section can be set overall for the whole chart, but also separately on each data point of the lowest level. See data point styling for more details. 

Binding Tab

1 Dataset

2 Series

Styling Tab


1 Position and Size

1.1 Position Chart Area

1.2 Position Plot Area

2 Appearance

2.1 Chart Background

2.2 Plot Background


3 Level 1, 2 & 3

3.1 Cell

3.2 Category Labels

3.2.1 Character

3.2.2 Paragraph

3.2.3 Shadow

3.2.4 Background

3.3 Value Labels

3.3.1 Number Format

3.3.2 Character

3.3.3 Paragraph

3.3.4 Shadow

3.3.5 Background

Binding Tab


First row (column) are headings

When enabled, the first row (column) of the dataset are headings.

When disabled, the first row (column) of the dataset is included in the data range.

Data is in Select if data series are structured in rows or columns. Daylon-Helpcenter-Properties-Treemap-Data-is-in


Name Text field to name the Series. By default it is set to “New series 1”. Treemap only supports one series. Daylon-Helpcenter-Properties-Treemap-Name
Level 1 Used to bind the first level of a treemap Daylon-Helpcenter-Properties-Treemap-Level-1
Level 2 Used to bind the second level of a treemap Daylon-Helpcenter-Properties-Treemap-Level-2
Level 3 Used to bind the third level of a treemap Daylon-Helpcenter-Properties-Treemap-Level-3
Size Used to bind values from the data to the size of a cell. Every row(column) in the data is represented by one cell. Size binding is obligatory. Daylon-Helpcenter-Properties-Treemap-Size

Can be used to bind the color to the lowest available level. 

The bound column/row can be represented by categorical or numerical values. By default, it’s formatted as a categorical value. The type of data can be adjusted in the Formatting tab.

Colors can be presented directly as HTML names, HEX, RGB, or CMYK values. More on that here. To use direct coloring the color of icons should be set to “None” under Styling > Data > Level > Color.

Data Label Can be used to bind labels to the lowest available level. Daylon-Helpcenter-Properties-Treemap-Data-labels

Styling Tab



Level 1, 2 & 3



Sets the color of the cells. For the Treemap, the most useful color options are sequential and diverging palettes.

To color multiple cells, the cell colors should be linked to a palette. The colors of the higher Levels are defined by the categories. The colors of the lowest level are defined by the data that is bound to Color.

See more on color here
Stroke Sets the stroke color and weight of the cell. Click the cogwheel to access dashed stroke properties and stroke type. Daylon-Helpcenter-Properties-Treemap-Cell-Stroke
Stroke > Cogwheel > Type Allows to use two types of stroke placement: 
  • Inner (the stroke is placed inside the cell)
  • Center (the stroke is placed equally on both sides of the cell border)
Stroke > Cogwheel > 
Sets the type of the corner. There are two types available: Miter and Round. 

Options are available only if type is set tot Center.
Stroke > 
Cogwheel > 
Allows changing the length and gaps between the dashes. Helpcenter-Properties-HeatMap-Cell-Stroke-Dash

Sets the way cells are arranged. There are five types:
1. Treemap Squarify

Cells approximate to a given aspect ratio set in the “Ratio” property. 

2. Treemap Binary

Cells are placed according to binary tree structure rules. 

3. Treemap Slice

All the cells are separated vertically

4. Treemap Dice

All the cells are separated horizontally

5. Treemap Slice Dice

The cells are separated vertically or horizontally based on binary tree structure rules.

Ratio Sets the approximated height/width ratio of the cells. If a Ratio is set to 2, the height/width ratio of the drawn cells will be approximated to 2:1 or 1:2.

Available only when “Treemap Squarify” Tiling is selected.



Sorts the cells based on Size value and places them starting from the top left corner:
1. None: sorts based on the order of the rows (columns) in the data

2. Ascending

3. Descending

4. Reverse

Outer Padding Sets the padding for a group of cells related to the same level. Available for Level 1 and 2.

Separate settings for each corner can be applied by clicking on the cogwheel.
Inner Padding Sets the padding between the cells of the corresponding level. Daylon-Helpcenter-Properties-Treemap-Cell-Inner-padding
Corner Radius

Applies rounded corners to the cells.

Separate settings for each corner can be applied by clicking on the cogwheel.