Treemap

Requires a Wolfram Notebook System
Interact on desktop, mobile and cloud with the free Wolfram Player or other Wolfram Language products.
A treemap turns a tree in graph theory into a planar space-filling map: the root is the outermost rectangle, whose nodes are the rectangles at level one, and so on down the levels.
[more]
Contributed by: Thomas Laussermair (November 2011)
Open content licensed under CC BY-NC-SA
Snapshots
Details
There are four controls in this treemap Demonstration:
"tree depth": display trees with levels 1, 2, 3, or 4
"split ratio": change from 0.1 to 0.9; notice the impact on the treemap layout
color scheme: choose one of seven built-in color schemes from the pull-down menu
locator: drag the locator at the top right of the graphic to change the shape of the bounding rectangle
Use the loop animation (with slower speed for level 3 and 4 trees) to observe the impact of a change in split ratio on the treemap layout. The split ratio determines how the current rectangle container is divided for all its elements. The cut always happens on the longer dimension ( or
). The ratio determines how many elements at a node level will be included in the part split off from the current rectangle. If you have
elements
at one level, then the first
elements will be grouped into the first split of the rectangle if
, where
is the ratio.
References
[1] B. Schneiderman. "Treemaps for Space-Constrained Visualization of Hierarchies." (Jun 25, 2009) www.cs.umd.edu/hcil/treemap-history.
[2] University of Maryland, Human-Computer Interaction Lab. "Treemap." (Aug 5, 2003) www.cs.umd.edu/hcil/treemap.
[3] Visualign. "TreeMap of the Market." (Nov 10, 2011) visualign.wordpress.com/2011/10/29/treemap-of-the-market.
Permanent Citation