glyph visualization and yet another tree visualization matt williams infovis 533c april 3, 2003
TRANSCRIPT
Overview Managing Software with New Visual
Representation TimeWheel 3D Wheel InfoBUG Summary
Intermission Tree Visualization using SpaceTree
Guiding Principles Results Summary
Managing Software with New Visual Representation
Chuah and Eick in Information Visualization Proceedings IEEE 1997.
http://www-2.cs.cmu.edu/~mei/infobug.htm
Glyph: A symbol, such as a stylized figure or arrow on a public sign, that imparts information nonverbally.
http://www.dictionary.com
Project Management IssuesIssues related to large project Diversity/Variety Correspondence to real world Time Large Data Volumes
TimeHow can we represent time Animation?
Good for easily perceived outliers Time Series Graphs?
Good for comparing across time TimeWheel
Mei C. Chuah and Stephan G. Eick. Managing software with new visual representations. In Proceedings 97 Information Visualization, pages
30--37. IEEE, 1997. http://citeseer.nj.nec.com/chuah97managing.html
TimeWheel Displays trends for a number of attributes at
a time Visually differentiable result comparing
increasing vs. decreasing treads Maintain “Objectedness” through Gestalt
principals
Mei C. Chuah and Stephan G. Eick. Managing software with new visual representations. In Proceedings 97 Information Visualization, pages 30--
37. IEEE, 1997. http://citeseer.nj.nec.com/chuah97managing.html
TimeWheel
Mei C. Chuah and Stephan G. Eick. Managing software with new visual representations. In Proceedings 97 Information
Visualization, pages 30--37. IEEE, 1997. http://citeseer.nj.nec.com/chuah97managing.html
Can Take it all in one quick look (preattentive pop out??)
Separable (objectedness) Avoids local grouping effects (closure)
Time
Mei C. Chuah and Stephan G. Eick. Managing software with new visual representations. In Proceedings 97 Information
Visualization, pages 30--37. IEEE, 1997. http://citeseer.nj.nec.com/chuah97managing.html
Separable?
3D Wheel
Mei C. Chuah and Stephan G. Eick. Managing software with new visual representations. In Proceedings 97 Information
Visualization, pages 30--37. IEEE, 1997. http://citeseer.nj.nec.com/chuah97managing.html
InfoBUG Show many properties while still
maintaining “objectedness” Certain patterns preattentively pop out Interactive
Mei C. Chuah and Stephan G. Eick. Managing software with new visual representations. In Proceedings 97 Information
Visualization, pages 30--37. IEEE, 1997. http://citeseer.nj.nec.com/chuah97managing.html
InfoBUG Wings
Lines of Code vs. Number of Errors
Interactive Head
Code Type
Mei C. Chuah and Stephan G. Eick. Managing software with new visual representations. In Proceedings 97 Information
Visualization, pages 30--37. IEEE, 1997. http://citeseer.nj.nec.com/chuah97managing.html
Body Bar - file changes Spots – number of
subsystems Useful??
Tail Width – new lines
(errors/functionality) Height – Lines deleted
InfoBUG
Mei C. Chuah and Stephan G. Eick. Managing software with new visual representations. In Proceedings 97 Information Visualization,
pages 30--37. IEEE, 1997. http://citeseer.nj.nec.com/chuah97managing.html
Glyph Visualization Conclusion Using gestalt principals Glyphs can
objectify properties using and offer trend pattern “pop out”
Questions??
Mei C. Chuah and Stephan G. Eick. Managing software with new visual representations. In Proceedings 97 Information Visualization,
pages 30--37. IEEE, 1997. http://citeseer.nj.nec.com/chuah97managing.html
Tree Visualization using SpaceTree
Treemaps, Hyperbolic, and now … SpaceTree
SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, and Ben B. Bederson. Proc. InfoVis 2002.
Tree Visualization using SpaceTree
Navigate by clicking on the nodes Aggregation of unopened branches into a
triangle representing depth and average width. Triangle shading represented number of nodes
Dynamic Filters/Queries
SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, and Ben B. Bederson. Proc. InfoVis 2002.
SpaceTree - Guiding Principles1) Semantic Zooming vs. Geometric scaling
Simple progressive scaling provides impractical results – must be readable
Instead SpaceTree provides semantic zooming from readable nodes to aggregated triangles
SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, and Ben B. Bederson. Proc. InfoVis 2002.
SpaceTree - Guiding Principles
2) Automatic Maximization the number of levels shown
SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, and Ben B. Bederson. Proc. InfoVis 2002.
SpaceTree - Guiding Principles3) Decompose the tree animation – Trim, Translate and Grow.
Trim branches that would overlap new branch Translate Tree so the new branch will fit Grow Tree
4) Maintain Landmarks to reduce disorientation during animation Provide Highlight for the chosen node and path to the root
SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, and Ben B. Bederson. Proc. InfoVis 2002.
SpaceTree - Guiding Principles
5) Dynamic filtering/Queries
SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, and Ben B. Bederson. Proc. InfoVis 2002.
SpaceTree - Guiding Principles
6) Data-Aware Zooming Controls Allow Zooming basing on node selection rather than “free”
zooming
SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, and Ben B. Bederson. Proc. InfoVis 2002.
SpaceTree - Results
Experiment comparing Windows Explorer, Hyperbolic Browser(Lamping), and SpaceTree. Node Finding Returning to previously viewed nodes Listing ancestors of a node – SpaceTree faster Find 3 nodes that have more than 10 children – Hyperbolic
faster User Preferences – “coolness factor”
SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, and Ben B. Bederson. Proc. InfoVis 2002.
SpaceTree – Summary Natural, Clear Navigation of Trees Aggregation – Semantic Zooming Dynamic Queries No “Breakthrough” Results
SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, and Ben B. Bederson. Proc. InfoVis 2002.