SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, Benjamin B.Bederson.

Slides:



Advertisements
Similar presentations
Elastic Hierarchies: Combining Treemaps and Node-Link Diagrams
Advertisements

Visualizing Relations in Hierarchical Data Presented by Soha Makady 1.
1 H3: Laying Out Large Directed Graphs in 3D Hyperbolic Space Andrew Chan CPSC 533C March 24, 2003.
H3: Laying Out Large Directed Graphs in 3D Hyperbolic Space Tamara Munzner, Stanford University.
Visual Data Mining: Concepts, Frameworks and Algorithm Development Student: Fasheng Qiu Instructor: Dr. Yingshu Li.
Information Visualization: Trees Chris North cs3724: HCI.
LifeLines:Visualizing Personal Histories Plaisant, Milash, Rose, Widoff, Shneiderman Presented by Girish Kumar and Rajiv Gandhi.
Information Visualization (Shneiderman and Plaisant, Ch. 13)
PaperLens Understanding Research Trends in Conferences using PaperLens Work by Bongshin Lee, Mary Czerwinski, George Robertson, and Benjamin Bederson Presented.
1 Presented by Jean-Daniel Fekete. 2  Motivation  Mélange [Elmqvist 2008] Multiple Focus Regions.
What Researchers Want Cody Dunne Dept. of Computer Science and Human-Computer Interaction Lab, University of Maryland STM 3 rd Master.
Tree-Maps: A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman (HCIL TR 91-06) Steve Betten.
Browsing Hierarchical Data with Multi-level Dynamic Queries and Pruning By H. P. Kumar, C. Plaisant & B. Schneidernam Presented by: Dawit Yimam Seid.
The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus + Context Visualization for Tabular Information R. Rao and S. K.
Treemaps for design knowledge visualization and reuse Peter Demian PhD. Candidate, Stanford University Dr. Renate Fruchter Director of the Project Based.
Hyperbolic Brower  Focus+Context browsing of large hierarchies  Inspired by Escher  Intuitive Nodes in center are more important, and therefore larger.
SpaceTree An Interactive Visualization of Traditional Node-Link Tree Diagrams Jesse Grosjean Catherine Plaisant Ben Bederson Human-Computer Interaction.
Memoplex Browser: Searching and Browsing in Semantic Networks CPSC 533C - Project Update Yoel Lanir.
Tree Structures (Hierarchical Information) cs5764: Information Visualization Chris North.
By LaBRI – INRIA Information Visualization Team. Tulip 2010 – version Tulip is an information visualization framework dedicated to the analysis.
Information Design and Visualization
Visualization Taxonomies and Techniques Trees and Graphs
Trees (Hierarchical Information) cs5984: Information Visualization Chris North.
Pad++1 Pad++ A Zooming Graphical Interface for Exploring Alternate Interface Physics Presented by Dilshad Akhter by Benjamin B. Bederson James D. Hollan.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
A Focus+Context Technique Based on Hyperbolic Geometry for Visualizing Large Hierarchies. John Lamping, Ramana Rao, and Peter Pirolli Xerox Palo Alto Research.
VAST 2011 Sebastian Bremm, Tatiana von Landesberger, Martin Heß, Tobias Schreck, Philipp Weil, and Kay Hamacher Interactive-Graphics Systems TU Darmstadt,
-1- Philipp Heim, Thomas Ertl, Jürgen Ziegler Facet Graphs: Complex Semantic Querying Made Easy Philipp Heim 1, Thomas Ertl 1 and Jürgen Ziegler 2 1 Visualization.
Visual Analysis of Hierarchical Management Data Zhao Geng 1, Gaurav Gathania 2, Robert S.Laramee 1 and ZhenMin Peng 1 1 Visual Computing Group, Computer.
Information Visualization –III Treemaps and Fisheye Views.
IAT 814 Trees Chapter 3.2 of Spence ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS +
Glyph Visualization and Yet Another Tree Visualization Matt Williams InfoVis 533c April 3, 2003.
Interacting with Huge Hierarchies: Beyond Cone Trees Jeromy Carriere, Rick Kazman Computer Graphics Lab, Department of Computer Science University of Waterloo,
Visualization and analysis of microarray and gene ontology data with treemaps Eric H Baehrecke, Niem Dang, Ketan Babaria and Ben Shneiderman Presenter:
Interactive Information Visualization of a Million Items
Intuitive Database Query System, Zooming Query Results Previews Drawing upon existing literature on zooming interface technology, intuitive navigation.
Copyright © 2005, Pearson Education, Inc. Slides from resources for: Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Computer Human Interaction & Software Engineering Lab Department of Computer Science, University of Victoria Jambalaya Protégé Conference 2006 Chris Callendar.
Fall 2002CS/PSY Information Visualization 2 Case Study: Portraying Hierarchies Visualizing hierarchies  Variety of techniques Traditional tree views,
Mao Lin Huang University of Technology, Sydney, Visual Representations of Data and Knowledge.
Nov 26, 2009 IAT Visualizing Trees ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS.
Hyperbolic Trees A Focus + Context Technique John lamping Ramana Rao Peter Pirolli Joy Mukherjee.
Innovative UI Ideas Marti Hearst SIMS 213, UI Design & Development April 20, 1999.
Cours de Visualisation d'Information InfoVis Lecture Hierarchies and Trees 1 Frédéric Vernier Enseignant-Chercheur LIMSI-CNRS Maître de conf Paris XI Inspired.
CS3041 – Final week Today: Searching and Visualization Friday: Software tools –Study guide distributed (in class only) Monday: Social Imps –Study guide.
14. Information Search and Visualization
1D & 2D Spaces for Representing Data Mao Lin Huang.
Pad++: A Zoomable Graphical User Interface. Motivations View information at multiple scales –Semantic zooming Tap into natural spatial ways of thinking.
Visual Overview Strategies cs5984: Information Visualization Chris North.
Information Visualiation: Trees Chris North cs3724: HCI.
Visual Overview Strategies cs5984: Information Visualization Chris North.
John Lamping, Ramana Rao, Peter Porolli
GRAPH ANALYSIS AND VISUALIZATION PART 1. History of Graph 1735.
Comp 15 - Usability & Human Factors Unit 12b - Information Visualization This material was developed by Columbia University, funded by the Department of.
IAT 355 Trees2 ______________________________________________________________________________________.
cs5984: Information Visualization Chris North
Hierarchies (Trees) Definition Examples
Usability & Human Factors
cs5764: Information Visualization Chris North
Professor John Canny Fall 2001 Nov 29, 2001
Professor John Canny Spring 2003
Browsing with TaxonTree: Visualizing Biodiversity Information
Information Design and Visualization
Information Visualization 2 Case Study: Portraying Hierarchies
Information Visualization (Part 1)
CHAPTER 7: Information Visualization
CHAPTER 14: Information Visualization
Presented by Seth Hettich
Space, time, form: viewing the Tree of Life
Presentation transcript:

SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, Benjamin B.Bederson in Proceedings of IEEE Symposium on Information Visualization, 2002: , Boston, October 2002 Presented by Mei Huang & Chunyuan Liao 3/10, 2005

Outline Motivation Related work Highlights of SpaceTree Controlled Experiments CommentsDiscussions

Motivation Improve classic tree representation (node link diagram) by zoomable UI and animation techniques Classic representation is the most familiar mapping of a tree Classic representation is the most familiar mapping of a tree Inefficient space usage makes large tree exploration not so convenient Inefficient space usage makes large tree exploration not so convenient Zooming & animation can improve user experiences Zooming & animation can improve user experiences

Related work (1) Category 1 : Space filling Representatives RepresentativesTreemaps Information slices Comments Comments Focus on leaf nodes, not the tree topology Users need training due to unfamiliarity

Information Slices

Related work (2) Category 2 : Node link Techniques Techniques Layout : V/H hierarchy, Circular layout (hyperbolic tree), 3D diagram V/H hierarchy, Circular layout (hyperbolic tree), 3D diagram Uneven scaling : Overview + Detail views, Zooming, Pruning, Expand & Contract Overview + Detail views, Zooming, Pruning, Expand & Contract Selective rendering : Dynamic Query Dynamic Query Comments Comments Clearer and intuitive view of tree topology Challenge in screen space usage

Highlights & Early Design lessons Semantic zooming Aggressive expanding Decomposed tree animation Landmark Search & Filter Demo

Hyperbolic Browser Lay a whole tree out in a hyperbolic plane and map it to a unit disk Focus & context Smooth & continuous animation John Lamping, Ramana Rao, and Peter Pirolli “A Focus+Context Technique Based on Hyperbolic Geometry for Visualizing Large Hierarchies” Processdings of the ACM SIGCHI Conference on Human Factors in Computing Systems, Denver, May 1995 Circle Limit IV by M.C. Escher Demo

Comparing SpaceTree, Hyperbolic Tree Browser, MS Explorer, and Treemap Task type Task examples Applications STHTEpTM Node location Find max/min on some attribute ---+ Find a specific node by title ++-+ Visiting history Locate visited nodes ---- Topology question Quick overview ++-- Compare 2+ branches ---- List ancestors +--- Find braches with 10+ children -+-- Compare branch size +--- Compare subtree depth +---

Comments A good application of zoomable UI & animation Early version review provides very useful information Controlled experiments were carefully designed; observation explanations were clear and sound Screen space usage could be improved

Discussions Checking available space in both dimensions? Alternative summarizers Label several previously visited paths may be useful How to deal with large node bounding box? Combining ST with HT?