Lecture 18 : Visualizing Hierarchies

# Lecture 18 : Visualizing Hierarchies

Télécharger la présentation

## Lecture 18 : Visualizing Hierarchies

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
##### Presentation Transcript

1. Lecture 18:Visualizing Hierarchies April 16, 2013 COMP 150-2Visualization

2. Admin Events yesterday Color choices -- Color brewer, http://colorschemedesigner.com/ Vis design suggestion: Overview first, (zoom and) filter, details on demand The use of Bar vs. Pie Scalability (in visualization, in scenarios, and in data architecture) Project Due Date Liz office hour moved from 12:30 to 5pm on Friday.

3. Visualization Tour • Hierarchies (node-link) • Hierarchies (space-filling) • Time-Series • Network and Graphs • Multi-Dimensional Data

4. Class Exercise • Space-Filling Hierarchies • Node-Link Hierarchies • Combinations of both? • Remember: anytime you can think of a design based on Cartesian coordinate system, there is one corresponding one in Polar coordinate.

5. Types of Hierarchy Visualizations • Space Filling • Node-Link

6. Space Filling -- Treemap

7. Basic Algorithm

8. Nested vs. Non-nested

9. Compared to Node-Link • Advantages • Known-size = control of clutter • Structure allows for easy comparison • Additional “visualizations” can be placed within the cells • Disadvantages: • Downside -> harder to see relationships (clusters)? • Can you see a perfect binary tree? • Borders may be necessary -> eats up more pixels than a line (in node-link)

10. Software Visualization

11. Software Vis Example

12. Software Vis Example

13. Variations http://www.wired.com/wiredscience/2008/06/awesome-infogra/

14. Various Types of Treemaps

15. Cluster vs. Squarified

16. Problems with Squarified • Small change to data / screen aspect ratio -> drastic layout changes • Order independent

17. Ordered Treemap

18. Strip Treemap

19. Compare Results

20. Other Examples – Spiral Treemap

21. Spatially-Ordered Treemap

22. Spatially-Ordered Treemap

23. Spatially-Ordered Treemap

24. Cushion Maps

25. SequoiaView

26. VoronoiTreemaps

27. Questions?

28. Non-Square Layout?

31. SunBurst

33. Three Solutions • Angular Detail • Detail Outside • Detail Inside

34. Angular Detail

35. Detail Outside

36. Detail Inside

37. InterRing

38. Questions?

39. Circle Packing

40. EnCon Example Views

41. Overview • Turns out that there are TONS more! • IEEE InfoVis 2010, Best Poster Award: “A Visual Survey of Tree Visualization” • http://vcg.informatik.uni-rostock.de/~hs162/treeposter/poster.html

42. Questions?