glyph visualization and yet another tree visualization matt williams infovis 533c april 3, 2003

25
and Yet Another Tree Visualization Matt Williams InfoVis 533c April 3, 2003

Upload: duane-glenn

Post on 31-Dec-2015

216 views

Category:

Documents


1 download

TRANSCRIPT

Glyph Visualizationand Yet Another Tree

Visualization Matt Williams InfoVis 533c April 3, 2003

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

Intermission Hungry?

Intermission Suffer!

http://www.lardlad.com/cgi-bin/image.cgi?school/school07.gif

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.

The End

http://www.lardlad.com/cgi-bin/image.cgi?homer/homer115.gif