tree-maps cyntrica eaton february 11, 2001 a space-filling approach to the visualization of...
Post on 21-Dec-2015
220 views
TRANSCRIPT
![Page 1: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/1.jpg)
Tree-Maps
Cyntrica Eaton
February 11, 2001
A Space-Filling Approach to the Visualization of Hierarchical Information Structures
Brian Johnson Ben Shneiderman
![Page 2: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/2.jpg)
Sneak Peek
![Page 3: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/3.jpg)
Sneak Peek
A
B CD
E F
B C D
![Page 4: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/4.jpg)
Overview
Part I: Tree-Maps
• Introduction
• Traditional Data Display
• Tree Maps
• Contributions
![Page 5: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/5.jpg)
Overview
Part II: Paper Characteristics
• Critique
• Favorite Sentence
• References
• Current State
![Page 6: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/6.jpg)
Part I
![Page 7: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/7.jpg)
Introduction• Hierarchical Data
• Organization Charts
• Family Trees
• Animal Phyla
• Library Catalogs
• Visualizations display relationships among data
• Effective data presentation has posed a problem
![Page 8: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/8.jpg)
Introduction
Hierarchical Data Presentation:
• Text-Based
• Connection
• Enclosure
I.
II.
A.
B.
C.
D.
E.
F.
a.
b.
c.
a.
b.
c.
1.
2.
A.
B.
C.
![Page 9: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/9.jpg)
Introduction
Hierarchical Data Presentation:
• Text-Based
• Connection
• Enclosure
A
B CD
E F
![Page 10: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/10.jpg)
Introduction
B C D
Hierarchical Data Presentation:
• Text-Based
• Connection
• Enclosure
![Page 11: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/11.jpg)
Connection
A
B CD
E F
• Contain structural information and node content
• Generally easy to lay out and interpret
• Excellent visualization tools for small data sets
Exploit human ability to quickly recognize l relationships among entities based on l spatial configuration.
![Page 12: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/12.jpg)
Connection
A
B CD
E F
• As data set gets larger, the information space l l gets harder to see
- Amount of information shown can be far l less than user is capable of processing
- User becomes more responsible for l l l l l recalling information and tree node location
• Node-link diagrams contain great deal of e empty space
![Page 13: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/13.jpg)
Motivation
Objective:
To produce a compact visualization of a directory l tree structure
Expected Benefits:• View large file directories in a constrained space
• Locate large files quickly and easily
• Determine which users consume more disk space
![Page 14: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/14.jpg)
File Directory
![Page 15: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/15.jpg)
File Directory
![Page 16: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/16.jpg)
Tree Diagram
Desktop
My Documents My Computer …. Recycle Bin ACL60….
………… …………
DFSLexicon Grammar …. BFS Allegro
![Page 17: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/17.jpg)
Venn DiagramDesktop
My Docs
My Ntwk
Recycle Bin
My Comp
ACL60
![Page 18: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/18.jpg)
Tree-Map
My Doc My Comp
My Ntwk
Recycle ACL60
![Page 19: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/19.jpg)
Tree-Maps
• Use entire information space
• Effective for showing quantitative properties of data
• Interactivity allows users to become more connected with l l data display
![Page 20: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/20.jpg)
Tree Diagram
Desktop
My Documents My Computer …. Recycle Bin ACL60….
………… …………
DFSLexicon Grammar …. BFS Allegro
![Page 21: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/21.jpg)
Tree-Map
My Doc My Comp
My Ntwk
Recycle ACL60
![Page 22: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/22.jpg)
A
B CD
E F
Tree-Map ConstructionNode Weight
A 10
B 1
C 4
D 5
E 2
F 3
![Page 23: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/23.jpg)
B: 1
A: 10
C: 4D: 5
E: 2 F: 3
Tree-Map Construction
A
B CD
E F
![Page 24: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/24.jpg)
Tree-Map Construction
A
B CD
E FA
![Page 25: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/25.jpg)
Tree-Map Construction
A
B CD
E F
B C D
![Page 26: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/26.jpg)
Tree-Map Construction
A
B CD
E F
B C D
![Page 27: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/27.jpg)
Contribution
Introduces a method of enclosure to allow human visualization of large amounts of hierarchical data in a constrained information space.
![Page 28: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/28.jpg)
Part II
![Page 29: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/29.jpg)
Critique
Strengths: • Concise
• Well developed
Weakness:
Had to read it a couple of times to get a full understanding of how tree-maps are constructed
![Page 30: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/30.jpg)
Favorite Sentence
The Tree-Map visualization technique makes 100% use of the available display space, mapping the full hierarchy onto a rectangular region in a space-filling manner.
![Page 31: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/31.jpg)
References
Data Visualization
• Human ability to grasp l graphical information
• Color Coding
• Similar studies
Tree Maps: A Space-Filling Approach to the Visualization of Hierarchical Information Structures
____________________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________________
![Page 32: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/32.jpg)
References
Data Visualization
• Offspring work
• Visual mapping techniques
• Hierarchical information l display
Tree Maps: A Space-Filling Approach to the Visualization of Hierarchical Information Structures
____________________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________________
![Page 33: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/33.jpg)
Current State
Applications:
• Disk Mapper
• NBA Statistics
• Stock Portfolio Visualization
• PhotoMesa
![Page 34: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/34.jpg)
NBA Statistics
NBA
AtlanticCentral Midwest
Pacific
…………………….…………………
……………
Lakers Suns Kings……………
![Page 35: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/35.jpg)
NBA Statistics
![Page 36: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/36.jpg)
Stock Portfolio
![Page 37: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/37.jpg)
PhotoMesa
![Page 38: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/38.jpg)
Current State
Research:
• Incorporating even larger data sets and allowing them to be readable
• Supporting data animation
• Creating better data views
![Page 39: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/39.jpg)
Current State
![Page 40: Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman](https://reader036.vdocument.in/reader036/viewer/2022062421/56649d6a5503460f94a48222/html5/thumbnails/40.jpg)
ConclusionEfficient Space Utilization:
Great for large information structures
Interactivity:
User control in the presentation of data
Comprehension:
Rapid extraction of information with low perceptual l and cognitive loads
Aesthetics:
Visually pleasing rendering of data