Treemap Art

This site features draft designs and full views of the Treemap Art project.


By Ben Shneiderman

Although I conceived treemaps for purely functional purposes (understanding the allocation of space on a hard drive), I was always aware that there were appealing aesthetic aspects to treemaps. Maybe my experiences with OP-ART movements of the 60s & 70s gave me the idea that a treemap might become a work of art. That idea has now revived in my contacts with Manuel Lima who is producing a coffee-table book on the history of trees that has several chapters on treemaps and their variations.

D.1.1.2 (24x36)

I believe that there are at least four aesthetic aspects of treemaps:

  1. layout design (slice-and-dice, squarified, ordered, strip, etc.),
  2. color palette (muted, bold, sequential, divergent, rainbow, etc.), and,
  3. aspect ratio of the entire image (square, golden ratio, wide, tall, etc.).
  4. prominence of borders for each region, each hierarchy level, and the surrounding box

In addition certain treemaps are inherently interesting because of the data displayed or patterns revealed. The aesthetic choices appeal to different viewers and the data displayed also triggers interest by different viewers. So even though treemaps are constrained by algorithmic rules, the aesthetic and data choices leave much room for creative explorations.

The absolute size as hung on a wall or seen on a screen also changes the impact on viewers, as does the texture or reflectivity of the medium. Other choices that influence the impact are the number of regions and number of levels in the hierarchy.

I believe that some topics yield data that have more vitality and interest for viewers: maybe sports data, political elections, Hollywood films, popular music, nature, pets, health, science, etc. For example, would the carbon emissions of countries around the world produce a treemap that could be laid out by the slice-and-dice or squarified algorithms and then colored in a way that would engage the eye and mind? Would the batting averages of all the players for the Washington Nationals (or New York Yankees or Boston Red Sox) interest sports fans?

Some data might be personal such as weight loss-gain or personal income-expenditures, while others might be corporate such as number of employees per division or profit/loss over 10 years.

Colored rectangular regions have been a popular theme in 20th century art, most notably in the work of Piet Mondrian, whose work was often suggested to have close affinity with treemaps. Not all his designs are treemaps, but many are. His choice of colors, aspect ratios, and layout are distinctive, so simulating them with a treemap is not as trivial as you might think. Gene Davis’ large horizontal paintings with vertical stripes of many colors were more easily generated with treemap layouts. The rectangles in Josef Albers “Homage to the Square” or Mark Rothko’s imposing paintings are not treemaps, but generating treemap variants triggered further artistic explorations. Other modern artists such as Kenneth Noland, Barnett Newman, and Hans Hofmann gave further provocations to the images in this collection.

I explored the possibility of treemap art several years ago with my cousin Tobi, a jeweler, who I commissioned to make me a set of treemap cufflinks based on the top ten songs on the itunes list:

Capture

The treemaps were developed at the University of Maryland Human-Computer Interaction Lab starting in 1990 and have a significant history. Our software tool to produce treemaps is free to download and use.

Several interesting treemaps are available to explore at the Hive Group, which has licensed our software. Their examples include itunes, nutrition, earthquakes, politics, etc. The treemaps generated with other commercial tools such as Macrofocus TreeMap show a variety of styles as do open source tools such as SequoiaView.

Interesting variations have emerged such as the Voronoi treemaps and circular treemaps. Wikipedia offers further perspectives on the topic as well as links to a list of treemapping software.

My appreciation to Minhaz Rahman Kazi for helping me realize this idea and contributing much the esthetics of the results.

The full views are freely available for anyone to make personal use prints. A contribution of $500 to the UM Human-Computer Interaction Lab (www.cs.umd.edu/hcil) will get serious collectors a signed and numbered print. Contact Charley Lewittes for ordering information.

Acknowledgement: Thanks to the UM Dept. of Computer Science for its help in arranging this exhibit and UMIACS for paying for printing and framing. Their support is much appreciated.


Bloggers discussing Treemap Art Project

Three environmentally-oriented treemaps hanging @sesync in Annapolis, thanks to Jospeh Jaja and @smorul.

One thought on “Treemap Art

  1. Very nice presentation of the leap from tech to art, Ben and Minhaz! As the artist who made the cufflinks, I would love to see more tree-map inspired art that utilizes non-computer media, perhaps fiber or wood, clay or paper.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s