Treemap Implementation and Application Workshop Ben Shneiderman Human-Computer Interaction Laboratory University of Maryland Marc Frons Smartmoney.

Treemap Implementation and Treemap Implementation and Application WorkshopApplication Workshop

Ben ShneidermanBen ShneidermanHuman-Computer Interaction Laboratory Human-Computer Interaction Laboratory

University of MarylandUniversity of Maryland

Marc FronsMarc FronsSmartmoneySmartmoney

Information Visualization: Data TypesInformation Visualization: Data Types

1-D Linear Document Lens, SeeSoft, Info Mural, Value Bars

2-D Map GIS, ArcView, PageMaker, Medical imagery

3-D World CAD, Medical, Molecules, Architecture

Multi-Dim Parallel Coordinates, Spotfire, XGobi, Visage, Influence Explorer, TableLens, DEVise

Temporal Perspective Wall, LifeLines, Lifestreams, Project Managers, DataSpiral

Tree Cone/Cam/Hyperbolic, TreeBrowser, Treemap

Network Netmap, netViz, SeeNet, Butterfly, Multi-trees(Online Library of Information Visualization Environments) otal.umd.edu/Olive

Tree features: labels node sizesTree features: labels node sizesa

b c

d e f

a

b

c

d e f

ac

b

bde

f

def

cb

a

Treemap - view large trees with node valuesTreemap - view large trees with node values

Space fillingSpace filling Space limitedSpace limited Color codingColor coding Size codingSize coding Requires learningRequires learning

(Shneiderman, ACM Trans. on Graphics, 1992)

TreeViz (Mac, Johnson, 1992)NBA-Tree (Sun, Turo, 1993)Analytical Hierarchy (Asahi, 1995)Winsurfer (Teittinen, 1996)Treemap97 (Windows, UMd)Treemap2000 (Java, 2000)Treemap3.0 (2001)

Treemap - view large trees with node valuesTreemap - view large trees with node values

Treemap features Treemap features

- Border - Border variationsvariations

- Labeling- Labeling- Legends- Legends- Exaggeration- Exaggeration- Filtering- Filtering- Animation- Animation

Turo, 1993

Winsurfer: Full Windows Explorer capabilityWinsurfer: Full Windows Explorer capability

Teittinen, 1995

Treemaps: Strengths and Weaknesses`Treemaps: Strengths and Weaknesses`

Overall pattern is visibleOverall pattern is visible Large nodes are seen Large nodes are seen

easily at any leveleasily at any level Color coding shows Color coding shows

relationshipsrelationships Duplicates or unusual Duplicates or unusual

patterns can be seenpatterns can be seen

Space-filling approach is Space-filling approach is unfamiliarunfamiliar

Varying aspect ratios hamper Varying aspect ratios hamper size comparison size comparison

Slice and dice is hard to followSlice and dice is hard to follow Thin slivers are obscureThin slivers are obscure

Treemap - Stock market, clustered by industryTreemap - Stock market, clustered by industry

Treemap - Stock market – 3D viewTreemap - Stock market – 3D view

Treemap2000Treemap2000

- Dynamic - Dynamic queriesqueries

- Easier- Easier import import

- Java- Java

Chalasani, 2000

Treemap2000 – Dynamic queriesTreemap2000 – Dynamic queries

Treemap3.0Treemap3.0

- Fast load- Fast load- Squarified - Squarified

layout layout- Map directory- Map directory- Info tips- Info tips- Color control- Color control- Font control- Font control- Print & Save - Print & Save

Babaria, Betten & Blowitski, 2001

Treemap3.0Treemap3.0

http://www.cs.umd.edu/hcil/treemaps

http://www.cs.umd.edu/hcil/treemaps/treemap3/

http://www.otc.umd.edu/

James Poulos [email protected]

Treemap summaryTreemap summary

Treemap 3.0 Information and demosTreemap 3.0 Information and demos

UMd Office of Technology CommercializationUMd Office of Technology Commercialization