- 2 minutes to read
This topic describes the layout algorithms used by the TreeMap control. It consists of the following sections.
- Slice and Dice Layout Algorithm
- Squarified Layout Algorithm
- Striped Layout Algorithm
- Custom Layout Algorithm
The TreeMap control allows you to specify the algorithm used to layout tree map items. The Squarified algorithm is used by default.
After that, customize algorithm settings. For example, all predefined algorithms support fill direction customization. To do this, use the TreeMapLayoutAlgorithm.Direction property.
The next sections describe predefined algorithm behavior.
Slice and Dice Layout Algorithm
This layout algorithm divides the space between items, slicing it in the specified direction depending on item value.
The following image demonstrates the country GDP tree map with a layout calculated using this algorithm.
To learn more about this algorithm, refer to the Tree Visualization with Tree-Maps: a 2D Space-Filling Approach paper.
Squarified Layout Algorithm
The Squarified algorithm layouts items so that width/height ratio will be closer to 1. In other words, this algorithm tries to make items similar to square as far as it possible.
The following image demonstrates the tree map layout calculated using this algorithm.
For more information about this algorithm, refer to the Squarified Treemaps paper.
Striped Layout Algorithm
This algorithm is a modified version of the Squarified algorithm. The main difference is that for all items width/height ratio is close. E.g. algorithm tries to make all item widths larger than heights.
The following image demonstrates the layout calculated using this algorithm.
To learn more about this layout algorithm, refer to the Ordered and Quantum Treemaps: Making Effective Use of 2D Space to Display Hierarchies paper.
Custom Layout Algorithm
In addition to the predefined layout algorithms, it is possible to implement a custom layout algorithm. To do this, design a class derived from the TreeMapLayoutAlgorithmBase and implement the TreeMapLayoutAlgorithmBase.Calculate method.
Refer to the How to: Implement a Custom Layout Algorithm example to learn more.