SpaceTree An Interactive Visualization of Traditional Node-Link Tree Diagrams Jesse Grosjean Catherine Plaisant Ben Bederson Human-Computer Interaction.

Slides:

Advertisements

Similar presentations

Recuperação de Informação B Cap. 10: User Interfaces and Visualization 10.1,10.2,10.3 November 17, 1999.

Advertisements

Elastic Hierarchies: Combining Treemaps and Node-Link Diagrams

H3: Laying Out Large Directed Graphs in 3D Hyperbolic Space Tamara Munzner, Stanford University.

Workshop: Interactive Visual Exploration of Electronic Health Records David Wang, Catherine Plaisant, Ben Shneiderman University of Maryland College Park,

Information Visualization: Trees Chris North cs3724: HCI.

LifeLines:Visualizing Personal Histories Plaisant, Milash, Rose, Widoff, Shneiderman Presented by Girish Kumar and Rajiv Gandhi.

Information Retrieval: Human-Computer Interfaces and Information Access Process.

LifeLines: Visualizing Personal Histories Catherine Plaisant, Brett Milash, Anne Rose, Seth Widoff, Ben Shneiderman.

Elsweiler, D. and Ruthven, I. and Jones, C. Dealing with fragmented recollection of context in information management. In: Context- Based Information Retrieval.

Small Displays Nicole Arksey Information Visualization December 5, 2005 My new kitty, Erwin.

Microsoft ® Research Faculty Summit 2002 Building Scalable User Interfaces for Mobile Devices using.NET Technologies Benjamin B. Bederson Computer Science.

Evaluating Visual and Statistical Exploration of Scientific Literature Networks Robert Gove 1,3, Cody Dunne 1,3, Ben Shneiderman 1,3, Judith Klavans 2,

Prefuse: A Toolkit for Interactive Information Visualization Jeffrey Heer Stuart K. Card James A. Landay CHI2005.

Information Understanding Benjamin B. Bederson. University of Maryland, Human-Computer Interaction Laboratory What is the Problem?  How to perceive and.

Tree-Maps: A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman (HCIL TR 91-06) Steve Betten.

Interactive Information Visualization of One Million Items Jean-Daniel Fekete University of Maryland.

Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.

Digital Library Interfaces for Children: The Effects of Visual Navigation on Usability Glenda Revelle, Benjamin B. Bederson, Allison Druin, Dana Campbell,

Information Retrieval: Human-Computer Interfaces and Information Access Process.

Human-Computer Interaction Laboratory Department of Computer Science Ben Shneiderman, Kent Norman, Evan Golub, Haixia Zhao, Wayne Menezes Choropleth Maps.

Screen Design and Layout Appropriate appearance Student ID: Group 3 Topic 2 IM2044 Usability Engineering.

Network Visualization by Semantic Substrates Ben Shneiderman Aleks Aris Human-Computer Interaction Lab & Dept of Computer.

EcoLens and TreePlus: Tools for exploring ecological interaction data Cynthia Sims Parr Bongshin Lee, Ben Bederson University of Maryland, College Park.

Lifelines2: Hypothesis Generation in Multiple EHRs Taowei David Wang Catherine Plaisant Ben Shneiderman Shawn Murphy Mark Smith Human-Computer Interaction.

FINDING PATTERNS IN TEMPORAL DATA KRIST WONGSUPHASAWAT TAOWEI DAVID WANG CATHERINE PLAISANT BEN SHNEIDERMAN HUMAN-COMPUTER INTERACTION LAB UNIVERSITY OF.

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

Tree Structures (Hierarchical Information) cs5764: Information Visualization Chris North.

Thinking with Visualizations: sense making loops Colin Ware Data Visualization Research Lab University of New Hampshire.

Oct 7, 2013 IAT Trees2 Chapter 3.2 of Spence ______________________________________________________________________________________ SCHOOL OF INTERACTIVE.

ARCHIBUS Log On Instructions. Log Into ARCHIBUS Web Central Log In Screen 1.Open your Internet browser. 2.Enter the URL to view the ARCHIBUS Login Page.

H3: Laying Out Large Directed Graphs in 3D Hyperbolic Space Tamara Munzner Stanford University 元智資工所系統實驗室楊錫謦 1999/11/3.

Information Design and Visualization

Branch & Bound UPPER =  LOWER = 0.

Piccolo: A Scalable Structured Graphics Toolkit Aaron Clamage, Jesse Grosjean Ben Bederson University of Maryland Human-Computer Interaction Lab 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,

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.

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.

Interactive Information Visualization of a Million Items

Krist Wongsuphasawat John Alexis Guerra Gomez Catherine Plaisant Taowei David Wang Ben Shneiderman Meirav Taieb-Maimon Presented by Ren Bauer.

Intuitive Database Query System, Zooming Query Results Previews Drawing upon existing literature on zooming interface technology, intuitive navigation.

Laboratory for Automation Psychology and Decision Processes Kent L. Norman, University of Maryland, USA (Catherine Plaisant, University of Maryland, USA)

Copyright © 2005, Pearson Education, Inc. Slides from resources for: Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.

Sureyya Tarkan, Kostas Pantazos, Catherine Plaisant, Ben Shneiderman UMD Dept of Computer Science & HCIL

Interactive Visualizations for Biodiversity Information Bongshin Lee Researcher Visualization and Interaction Research Group Microsoft Research Bongshin.

Nov 26, 2009 IAT Visualizing Trees ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS.

Windows Vista is the latest release of Microsoft Windows, a line of graphical operating systems used on personal computers, including home and business.

Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics Presented By: Daniel Loewus-Deitch.

Project Update Matt Williams XML Document Visualization and Retrieval.

John Lamping, Ramana Rao, Peter Porolli

Designing the User Interface: 5 th Edition Ben Shneiderman and Catherine Plaisant

The Dynamics of Web-Based Community Safety Groups: Lessons Learned from the Nation of Neighbors The Dynamics of Web-Based Community Safety Groups: Lessons.

Multiple-goal Search Algorithms and their Application to Web Crawling Dmitry Davidov and Shaul Markovitch Computer Science Department Technion, Haifa 32000,

Wave Menus: Improving the novice mode of Hierarchical Marking Menus Gilles Bailly 1,2 Eric Lecolinet 2 Laurence Nigay 1 LIG Grenoble 1 France 2 ENST Paris.

Visualizing User Activity History

A new way to explore the possibilities

Hierarchies (Trees) Definition Examples

Usability & Human Factors

BasketLens: Searching for baskets of words in text collections

Stanley Lam Department of Computer Science University of Maryland

Browsing with TaxonTree: Visualizing Biodiversity Information

Information Design and Visualization

Brian On Professor Skubic Alice Wong Mentor: Moein Enayati

CHAPTER 7: Information Visualization

Presented by Seth Hettich

Space, time, form: viewing the Tree of Life

Presentation transcript:

SpaceTree An Interactive Visualization of Traditional Node-Link Tree Diagrams Jesse Grosjean Catherine Plaisant Ben Bederson Human-Computer Interaction Laboratory University of Maryland

Node Link Tree Diagrams Big Oil President Eastern Region Manager Western Region Manager North Region Manager Safety Manager Support Functions Facilities Engineer Operations Manager Drilling Manager HR Manager Land Manager IT Manager Familiar representation Shows tree topology well BUT: Inefficient use of screen space

SpaceTree Dynamic rescaling of branches to best fit available screen space based on focus. Preview icons to summarize the topology of hidden branches Smooth animation between views Integrated search and filter functions

Alternative Preview Icons

User Study 18 subjects, all used the 3 interfaces Order and task set counterbalanced 40 minute session SpaceTree MS Explorer Hyperbolic tree browser

Attractiveness (1=not cool at all, 9=very cool) ExplorerHyperbolic SpaceTree No significant difference between Hyperbolic and SpaceTree Subjective Preference: Attractiveness

Use (1=would not like to use, 9=very much like to use) ExplorerHyperbolic SpaceTree No significant difference Preference for Future Use

Time to Return to Previously Visited Node ExplorerHyperbolic SpaceTree Time is sec. SpaceTree sign. faster than Hyperbolic, Explorer fastest

Estimating Size of Subtrees Example: comparing 3 subtrees of 60, 300 and 160 nodes (SpaceTree also faster)

Estimating Size of Subtrees Example: comparing 3 subtrees of 60, 300 and 160 nodes (SpaceTree also faster)

Conclusions Preview icons and consistent layout improve node-link tree browsers Task analysis will help you chose the right browser Partial support from Chevron-Texaco Participation of Jean-Daniel Fekete and Ben Shneiderman at HCIL, Cheryl Lukehart and Don Schiro at Chevron-Texaco.