1 / 45

Lecture 18 : Visualizing Hierarchies

Lecture 18 : Visualizing Hierarchies. April 16, 2013 COMP 150-2 Visualization. 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

macon
Télécharger la présentation

Lecture 18 : Visualizing Hierarchies

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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?

  29. Radial View

  30. Radial Space-Filling

  31. SunBurst

  32. Problems with Radial Space-Filling

  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. Hybrid (Node-Link + Space-Filling) CHEOPS

  41. Hybrid (Node-Link + Space-Filling) EnCon

  42. EnCon Example Views

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

  44. Questions?

More Related