Information Visualization Using 3D Interactive Animation Meng Tang 05/17/2001 George G. Robertson, Stuart K. Card, and Jock D. Mackinlay.

Slides:



Advertisements
Similar presentations
Recuperação de Informação B Cap. 10: User Interfaces and Visualization , , , November 29, 1999.
Advertisements

ORGANIZING THE CONTENT Physical Structure
LifeLines:Visualizing Personal Histories Plaisant, Milash, Rose, Widoff, Shneiderman Presented by Girish Kumar and Rajiv Gandhi.
MTP – Stage 1 Sanobar Nishat. Outline  Peculiarities of the mobile visualization context  Different aspects of mobile visualization design  Map-based.
1 Windows CIS*2450 Advancing Computing Techniques.
Virtual Reality and Scientific Visualization in Archaeological Research.
More Interfaces for Retrieval. Information Retrieval Activities Selecting a collection –Lists, overviews, wizards, automatic selection Submitting a request.
CONE TREES: ANIMATED 3D VISUALIZATIONS OF HIRARCHICAL INFORMATION George G. Robertson, Jock D. Mackinlay, and Stuart K. Card Xerox Palo Alto Research Center.
Cone Trees and Collapsible Cylindrical Trees
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
1 SIMS 247: Information Visualization and Presentation Marti Hearst Oct 10, 2005.
Sketchify Tutorial Graphics and Animation in Sketchify sketchify.sf.net Željko Obrenović
An Introduction to Software Visualization Dr. Jonathan I. Maletic Software DevelopMent Laboratory Department of Computer Science Kent State University.
Animation IS 247: Information Visualization and Presentation Saifon Obromsook Linda Harjono.
THE PERSPECTIVE WALL Jock D Mackinlay George D Robertson Stuart K Card.
Sort-Last Parallel Rendering for Viewing Extremely Large Data Sets on Tile Displays Paper by Kenneth Moreland, Brian Wylie, and Constantine Pavlakos Presented.
Creating a MagicInfo Pro Screen Template
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 19 Other Graphics Considerations Review.
Pad++ A Zooming Graphical Sketchpad for Exploring Alternative Interface Physics Benjamin B. Bederson, James D. Hollan, Ken Perlin, Jonathan Meyer, David.
Michael Margel Dec CSC 2524 SURFBRD. What is SURFBRD? SURFace-Based Remote Desktop Pronounced “Surfboard” A desktop environment that allows users.
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
FIRST COURSE Creating a Presentation. XP Objectives Open and view an existing PowerPoint presentation Switch views and navigate a presentation View a.
Interacting with Visualization Colin Ware, Information Visualization, Chapter 10, page 335.
Dynamic Queries –presented by Bhaskar Chatterjee Visual Alternative to SQL for Querying databases Depending on data types and the values decides the input.
Chapter 5: Spatial Cognition Slide Template. FRAMES OF REFERENCE.
The ID process Identifying needs and establishing requirements Developing alternative designs that meet those requirements Building interactive versions.
Help Desk System How to Deploy them? Author: Stephen Grabowski.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
Cluster Reliability Project ISIS Vanderbilt University.
MSR Data Mountain Using Spatial Memory for Data Management Written by: George Roberston, Mary Czerwinski, Kevin Larson, Daniel C. Robbins, David Thiel,
Space/Order Quanzhen Geng (Master of Software Systems Program) January 27, 2003 CS-533C Reading Presentation.
Fall 2002CS/PSY Information Visualization Picture worth 1000 words... Agenda Information Visualization overview  Definition  Principles  Examples.
Multimedia Elements: Sound, Animation, and Video.
CHAPTER TEN AUTHORING.
Dr. Gallimore10/18/20151 Cognitive Issues in VR Chapter 13 Wickens & Baker.
INVITATION TO COMPUTER SCIENCE, JAVA VERSION, THIRD EDITION Chapter 6: An Introduction to System Software and Virtual Machines.
University of Amsterdam Search, Navigate, and Actuate - Qualitative Navigation Arnoud Visser 1 Search, Navigate, and Actuate Qualitative Navigation.
Interactive Information Visualization of a Million Items
Lecture 6: 3D graphics Concepts 1  Principles of Interactive Graphics  CMSCD2012  Dr David England, Room 718,  ex 2271 
Depth Perception and Visualization Matt Williams From:
Advanced Scientific Visualization
Actors and Use Case Diagrams Month Day, Year. Agenda Training Plan Overview Review Detailing Requirements with Requisite Pro Concepts Setting Up XDE Integration.
Motion Planning in Games Mark Overmars Utrecht University.
1 User Interfaces at Microsoft Research Intelligent Information Access using Animated 2 and 3D Information Visualization Mary Czerwinski.
Do these make any sense?. Navigation Moving the viewpoint as a cost of knowledge.
Jinwook Seo Pad++: A Zoomable Graphical Sketchpad For Exploring Alternative Interface Physics Benjamin B. Bederson, James D. Hollan, Ken Perlin, Jonathan.
Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics Presented By: Daniel Loewus-Deitch.
Introduction to Interactive Media Interactive Media Tools: Authoring Applications.
Multithreaded Programing. Outline Overview of threads Threads Multithreaded Models  Many-to-One  One-to-One  Many-to-Many Thread Libraries  Pthread.
Zone-based User Interfaces Daniel C. Robbins UI Designer VIBE (MSR) Microsoft Corporation Daniel C. Robbins UI Designer VIBE (MSR) Microsoft Corporation.
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.
Three Dimensional Information Visualisation Peter Young Visualisation Research Group Centre for Software Maintenance Department of Computer Science University.
FIRST COURSE PowerPoint Tutorial 1 Creating a Presentation.
Chapter 5 Introduction To Form Builder. Lesson A Objectives  Display Forms Builder forms in a Web browser  Use a data block form to view, insert, update,
User Interface Design Patterns: Part 1 Kirsten McCane.
Information visualisation and interfaces for Mobile Devices.
Visualization Programming: “Libraries” and “Toolkits” Class visualization resources CSCI 6361.
The Task Gallery A 3-D Window Manager Presented By - - Priya Shivakumar Developed By – - Microsoft Research George Robertson Daniel Robbins..
Image Fusion In Real-time, on a PC. Goals Interactive display of volume data in 3D –Allow more than one data set –Allow fusion of different modalities.
Comp 15 - Usability & Human Factors Unit 12b - Information Visualization This material was developed by Columbia University, funded by the Department of.
Studio modeling basics
Working with Data Blocks and Frames
SURFBRD Michael Margel Dec CSC 2524.
Usability & Human Factors
Visualization of Web Search Results in 3D
CHAPTER 7: Information Visualization
Chapter 4: Threads.
PowerPoint Tutorial 1 Creating a Presentation
Presentation transcript:

Information Visualization Using 3D Interactive Animation Meng Tang 05/17/2001 George G. Robertson, Stuart K. Card, and Jock D. Mackinlay

Motivations  Goal  Lower the cost of finding information and accessing it  Strategies  Making the user’s immediate workspace larger  Enabling user interaction with multiple agents  Increasing the real-time interaction  Using visual abstraction to speed information assimilation and retrieval.

Technology Advances  3D graphics hardware  3D transformations, hidden-surface removal, double- buffered animation, antialiasing, lighting and surface models.  3D graphics libraries  OpenGL, PEX

Information Visualizer

Information Access vs. Document Retrieval  Document retrieval  Interest --> documents  Recall & Precision  Document retrieval is part of information use  Information is used to produce more information  New information is usually at a higher level of organization relative to some purpose

Information Workspaces  A virtual environment for finding information and accessing it.  Not just with the retrieval of information from a distant source, but also with the accessing of that information once it is retrieved and in use  Rooms System  Extend the desktop to multiple workspaces.  User can switch among multiple workspaces.

Information Workspaces

 Improving rooms system  Objective:  Decrease the costs for performing information-intensive tasks, or, alternatively, to increase the scope of information that can be utilized for the same cost.  Method:  Large Workspaces -- Make the immediate workspace virtually larger  Agents – Delegate part of the workload to semiautonomous agents  Real-Time Interaction – Maximize the interaction rates  Visual abstractions – Speed assimilation and pattern detection

Information Workspaces System GoalTechniques Large workspace to reduce access cost More screen space -> Rooms Denser screen space -> Animation, 3D Offload work to agents Search -> search agents Organizing -> clustering agents Interacting -> Interactive Objects Maximize real-time interaction rates Rapid interaction, Tune to human constants -> Cognitive Coprocessor schedule and Governor Visual abstraction to speed pattern detection Information Visualizations: Hierarchical structure -> Cone Tree Linear structure -> Perspective Wall Continuous data -> Data Sculpture Spatial data -> Office Floor Plan

UI Architecture  Several Problems  Multiple Agent Problem : How can system manage the interaction of multiple asynchronous agents.  Animation Problem : How can system provide smooth interactive animation  Interaction Problem : How can 3D widgets be designed and coupled to appropriate application behavior.  Viewpoint Movement Problem : How can the user changed the point of view rapidly and simply  Object Movement Problem : How can objects be easily moved about in a 3D space  Small Screen Space Problem : How can the dynamic properties of the system be utilized to provide the user with an adequately large work space.

UI Architecture Problem Solution Multiple Agent ProblemCognitive coprocessor scheduler Animation ProblemCognitive coprocessor scheduler and Governor Interaction ProblemInteractive objects Viewpoint Movement ProblemPoint of interest logarithmic flier Object Movement ProblemObject of Interest logarithmic manipulator Small Screen Problem3D/Rooms and 3D visualization

Cognitive Coprocessor  What is Cognitive Coprocessor  An animation loop and a scheduler for agents  An impedance matcher between the cognitive and perceptual information processing requirements of the user and the properties of these agents  3 sorts of time constants  Perceptual processing time constant (0.1sec)  Immediate response time constant (1sec)  Unit task time constant (5~30sec)

Cognitive Coprocessor  Perceptual processing time constant  Governor: reduce the quality to keep the frame rate.  Immediate response time constant  Agents provide status feedback at intervals no longer than this time constant  Immediate response animation  Unit task time constant  Time to complete a task  User can start the next request as soon as sufficient information has developed from the last request or even in parallel with it

Cognitive Coprocessor

Interactive Objects  Interactive objects  Basic building block in the Information Visualizer  Generalization of Rooms Buttons  2D/3D appearance  Allow mouse-based input (press, rubout, check, flick)

3D Navigation and Manipulation  Overview  Doors  Walking metaphor  Point of interest logarithmic flight  Object of interest logarithmic manipulation

Information Visualization  Goal:  Attempts to display structural relationships and context that would be more difficult to detect by individual retrieval requests.  5 sorts of data organizations  Hierarchical: Cone Tree  Linear: Perspective Wall  Spatial: Structural browser  Continuous Data: Data sculpture  Unstructured: Information grid

Cone Tree

 Properties of Cone Tree  Each layer has cones of the same height  Cone base diameters for each level are reduced in a progression so that the bottom layer fits in the width of the room.  Body of each cone is shaded transparently  Text is shown only for the selected path  Manipulation of Cone Tree  Select nodes

Cone Tree  Advantages  the use of interactive animation to move some of the cognitive load to the human perceptual system  Using the depth to fill the screen with more information  Aspect ratio of cone tree is fixed  Fisheye view (brighter, closer, larger)  Disadvantages  Complex user interactions to access some of the information  fixing the aspect ratio limits the number of levels of the cone tree

Cone Tree

Perspective Wall  Obstacles to a visualization of linear information structures  The large amount of information that must be displayed  The difficulty of accommodating the extreme aspect ratio of the linear structure on the screen.  Disadvantages of Overview-Working View structure  Important contextual information, such as the neighborhood of the viewing region is just as small as unimportant details  Increase the space of overview leads to reduce the space of working view

Perspective Wall  Advantages  Integrate detailed and contextual views  Smooth transitions of views  Retain any 2D task-specific features  No special large- and small-scale versions of items must be designed  Ratio of detail an context is adjustable

Tracing Data Paths in 3D Graphics

 Number of errors in detecting paths in tree structures is substantially reduced if a 3D display method is used.  A tree structure is not necessarily a good candidate for 3D visualization