1. Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman

2. Sneak Peek

3. A B C D EF BCD

4. Overview Part I: Tree-Maps Introduction Traditional Data Display Tree Maps Contributions

5. Overview Part II: Paper Characteristics Critique Favorite Sentence References Current State

6. Part I

7. Introduction Hierarchical Data Organization Charts Family Trees Animal Phyla Library Catalogs Visualizations display relationships among data Effective data presentation has posed a problem

8. 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.

9. Introduction Hierarchical Data Presentation: Text-Based Connection Enclosure A B C D EF

10. Introduction BCD Hierarchical Data Presentation: Text-Based Connection Enclosure

11. Connection A B C D EF 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.

12. Connection A B C D EF 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

13. 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

14. File Directory

16. Tree Diagram Desktop My DocumentsMy Computer …. Recycle BinACL60 …. ………… DFS Lexicon Grammar …. BFSAllegro

17. Venn Diagram Desktop My Docs My Ntwk Recycle Bin My Comp ACL60

18. Tree-Map My DocMy Comp My Ntwk Recycle ACL60

19. 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

20. Tree Diagram Desktop My DocumentsMy Computer …. Recycle BinACL60 …. ………… DFS Lexicon Grammar …. BFSAllegro

21. Tree-Map My DocMy Comp My Ntwk Recycle ACL60

22. A B C D EF Tree-Map Construction NodeWeight A10 B1 C4 D5 E2 F3

23. B: 1 A: 10 C: 4 D: 5 E: 2F: 3 Tree-Map Construction A B C D EF

24. A B C D EF A

25. A B C D EF BCD

26. A B C D EF BCD

27. Contribution Introduces a method of enclosure to allow human visualization of large amounts of hierarchical data in a constrained information space.

28. Part II

29. 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

30. 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.

31. 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 _______________ _______________ _______________ _______________ _______________ _______________

32. 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 _______________ _______________ _______________ _______________ _______________ _______________

33. Current State Applications: Disk Mapper NBA Statistics Stock Portfolio Visualization PhotoMesa

34. NBA Statistics NBA Atlantic CentralMidwest Pacific ……………………. ………………… …………… LakersSuns Kings ……………

35. NBA Statistics

36. Stock Portfolio

37. PhotoMesa

38. Current State Research: Incorporating even larger data sets and allowing them to be readable Supporting data animation Creating better data views

39. Current State

40. Conclusion Efficient 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