digplanet beta 1: Athena
Share digplanet:


Applied sciences






















Treemap of soft drink preference in a small group of people. Color and gradients are used to group items, while still identifying individual items.
Treemap of votes by county, state and locally predominant recipient in the US Presidential Elections of 2012.
Treemap showing changes in waiting times for patients of English PCTs.
TreeSize Treemap visualizing hard disk space usage.

In information visualization and computing, treemapping is a method for displaying hierarchical data by using nested rectangles.

Main idea[edit]

Treemaps display hierarchical (tree-structured) data as a set of nested rectangles. Each branch of the tree is given a rectangle, which is then tiled with smaller rectangles representing sub-branches. A leaf node's rectangle has an area proportional to a specified dimension on the data. Often the leaf nodes are colored to show a separate dimension of the data.

When the color and size dimensions are correlated in some way with the tree structure, one can often easily see patterns that would be difficult to spot in other ways, such as if a certain color is particularly relevant. A second advantage of treemaps is that, by construction, they make efficient use of space. As a result, they can legibly display thousands of items on the screen simultaneously.

The tiling algorithm[edit]

To create a treemap, one must define a tiling algorithm, that is, a way to divide a rectangle into sub-rectangles of specified areas. Ideally, a treemap algorithm would create rectangles of aspect ratio close to one, furthermore preserve some sense of the ordering in the input data, and change to reflect changes in the underlying data. Unfortunately, these properties have an inverse relationship. As the aspect ratio is optimized, the order of placement becomes less predictable. As the order becomes more stable, the aspect ratio is degraded.

To date, six primary rectangular treemap algorithms have been developed:

Treemap algorithms[1]
Algorithm Order Aspect ratios Stability
BinaryTree partially ordered high stable
Mixed Treemaps[2] ordered lowest stable
Ordered partially ordered medium medium stability
Slice And Dice ordered very high stable
Squarified[3] unordered lowest medium stability
Strip ordered medium medium stability

In addition, several algorithms have been proposed that use non-rectangular regions:

  • Jigsaw Treemaps[4] - based on the geometry of space-filling curves
  • GosperMaps[5] - based on the geometry of Gosper curves, [ordered, very high Aspect ratio, stable]
  • Voronoi Treemaps[6] - based on voronoi diagram calculations
  • Convex Treemaps[7] - convex polygons are used instead of rectangles
  • Circular Treemaps - circles are used instead of rectangles


Area-based visualizations have existed for decades. For example, mosaic plots (also known as Marimekko diagrams) use rectangular tilings to show joint distributions (i.e., most commonly they are essentially stacked column plots where the columns are of different widths). The main distinguishing feature of a treemap, however, is the recursive construction that allows it to be extended to hierarchical data with any number of levels. This idea was invented by University of Maryland, College Park professor Ben Shneiderman in the early 1990s.[1] Shneiderman and his collaborators then deepened the idea by introducing a variety of interactive techniques for filtering and adjusting treemaps.

These early treemaps all used the simple "slice-and-dice" tiling algorithm. Despite many desirable properties (it is stable, preserves ordering, and is easy to implement), the slice-and-dice method often produces tilings with many long, skinny rectangles. In 1994 Hascoet & Beaudouin-Lafon invented a "squarifying" algorithm, later popularized by Jarke van Wijk, that created tilings whose rectangles were closer to square. In 1999 Martin Wattenberg used a variation of the "squarifying" algorithm that he called "pivot and slice" to create the first Web-based treemap, the SmartMoney Map of the Market, which displayed data on hundreds of companies in the U.S. stock market. Following its launch, treemaps enjoyed a surge of interest, especially in financial contexts.[citation needed]

A third wave of treemap innovation came around 2004, after Marcos Weskamp created the Newsmap, a treemap that displayed news headlines. This example of a non-analytical treemap inspired many imitators, and introduced treemaps to a new, broad audience.[citation needed] In recent years, treemaps have made their way into the mainstream media, including usage by the New York Times.[8][9]

Treemap of Benin's exports by product category, 2009. The Product Exports Treemaps are one of the most recent applications of these kind of visualizations, developed by the Harvard-MIT Observatory of Economic Complexity

See also[edit]


  1. ^ a b Shneiderman, Ben; Plaisant, Catherine (June 25, 2009). "Treemaps for space-constrained visualization of hierarchies". Retrieved February 23, 2010. 
  2. ^ Roel Vliegen; Erik-Jan van der Linden and Jarke J. vanWijk. "Visualizing Business Data with Generalized Treemaps" (PDF). Retrieved February 24, 2010. 
  3. ^ Bruls, Mark; Huizing, Kees; van Wijk, Jarke J. (2000). "Squarified treemaps". In de Leeuw, W.; van Liere, R. Data Visualization 2000: Proc. Joint Eurographics and IEEE TCVG Symp. on Visualization. Springer-Verlag. pp. 33–42{{inconsistent citations}} .
  4. ^ Wattenberg, Martin (2005). "A Note on Space-Filling Visualizations and Space-Filling Curves". In Stasko, John T.; Ward, Matthew O. IEEE Symposium on Information Visualization (InfoVis 2005), 23-25 October 2005, Minneapolis, MN, USA. IEEE Computer Society. p. 24{{inconsistent citations}} .
  5. ^ Auber, David; Huet, Charles; Lambert, Antoine; Renoust, Benjamin; Sallaberry, Arnaud; Saulnier, Agnes (2013). GosperMap: Using a Gosper Curve for Laying out Hierarchical Data. "Gosper Map: Using a Gosper Curve for laying out hierarchical data". IEEE Transactions on Visualization and Computer Graphics 19 (11): 1820–1832. doi:10.1109/TVCG.2013.91. PMID 24029903{{inconsistent citations}} .
  6. ^ Balzer, Michael; Deussen, Oliver (2005). "Voronoi Treemaps". In Stasko, John T.; Ward, Matthew O. IEEE Symposium on Information Visualization (InfoVis 2005), 23-25 October 2005, Minneapolis, MN, USA. IEEE Computer Society. p. 7{{inconsistent citations}} .
  7. ^ Krzysztof Onak; Anastasios Sidiropoulos. "Circular Partitions with Applications to Visualization and Embeddings". Retrieved June 26, 2011. 
  8. ^ Cox, Amanda; Fairfield, Hannah (February 25, 2007). "The health of the car, van, SUV, and truck market". The New York Times. Retrieved March 12, 2010. 
  9. ^ Carter, Shan; Cox, Amanda (February 14, 2011). "Obama's 2012 Budget Proposal: How $3.7 Trillion is Spent". The New York Times. Retrieved February 15, 2011. 

External links[edit]

Original courtesy of Wikipedia: http://en.wikipedia.org/wiki/Treemapping — Please support Wikipedia.
This page uses Creative Commons Licensed content from Wikipedia. A portion of the proceeds from advertising on Digplanet goes to supporting Wikipedia.
3419 videos foundNext > 

Java 26 - TreeMap

Learn about the Map interface and how to use the TreeMap class.

Learn R quick and diRty 19 - Visualization - Tree-mapping

In this R tutorial we will be learning how to utilize tree-mapping to visually display our data. More tutorials: http://www.mybringback.com.

Java- HashMap and TreeMap

How to create, populate and iterate HashMap and TreeMap in Java.

Tree-Mapping DRONE start-up has SKY-HIGH ambitions

Tree-Mapping DRONE start-up has SKY-HIGH ambitions For more Latest and Breaking News Headlines SUBSCRIBE to https://www.youtube.com/user/ZakWorldNEWS Mapping...

Tree Mapping in the DTLA Arts District 7/12/14

This event was held to "map" the existing trees in the lower Arts District of downtown LA, using the new TreeMapLA.org program. We mapped over 150 trees.

Fractals, Universal Tree Mapping and The Golden Mean

Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, t...

Java Tutorial - Using TreeMap

This program uses a TreeMap to count words in a text.

Tree Map

Discover the Tree Map. Select the HD quality option for the best full-screen viewing experience. Visit http://spreadsheetsolving.com/ for more videos and tut...

Median Tree Mapping in Plano

Information on why mapping the trees planted in our medians is such an important part of managing our urban forests.

Very 굿, Christmas tree mapping, 08:43, 2013.

3419 videos foundNext > 

1 news items

Wireless Developer Network (press release)
Tue, 01 Jul 2014 05:45:00 -0700

Sample Honeycomb applications are found at www.hivegroup.com/gallery/. The Hive Group also offers HiveOnDemand, the world's first cloud offering dedicated exclusively to treemapping. HiveOnDemand is found at www.hiveondemand.com.

Oops, we seem to be having trouble contacting Twitter

Talk About Treemapping

You can talk about Treemapping with people all over the world in our discussions.

Support Wikipedia

A portion of the proceeds from advertising on Digplanet goes to supporting Wikipedia. Please add your support for Wikipedia!