Interaction in Visualization Systems CPSC 533C Presentation Zhangbo Liu (Zephyr) December 7, 2005.

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

Why is photorealism the aim? People paint! What is NPR? NPR issues NonPhotorealistic Rendering.
Graph Visualization and Navigation in Information Visualization: A Survey Ivan Herman, Guy Melaneon, M. Scott Marshall.
1 CPSC 533C: Interaction by Jordan Lee 08 Mar 04.
Dynamic Queries for Visual Information Seeking Ben Shneiderman Jin Tong Hyunmo Kang Cmsc838 Sep. 28, 1999.
User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.
E-learning: Instructional Design Visual Design. Instructional Design The design of teaching and learning. How do you set up, structure and design the.
Interaction Week 10 CPSC 533C, Spring Feb 2004 Tamara Munzner.
Interaction Lecture 11 CPSC 533C, Fall Oct 2004 Tamara Munzner.
Cartographic Visualization Jennifer Tillett November 10, 2004.
Graph Drawing Zsuzsanna Hollander. Reviewed Papers Effective Graph Visualization via Node Grouping Janet M. Six and Ioannis G. Tollis. Proc InfoVis 2001.
Example Presentation Something to Show. Basic Title & Content Point to be made Number One Point to be made Number Two Point to be made Number Three.
1 Presented by Jean-Daniel Fekete. 2  Motivation  Mélange [Elmqvist 2008] Multiple Focus Regions.
An Interactive Food Web Display CPSC 533C Project Presentation Zhangbo Liu December 19th, 2005.
SIMS 247 Information Visualization and Presentation Prof. Marti Hearst September 14, 2000.
1 SIMS 247: Information Visualization and Presentation Marti Hearst Sept 21, 2005.
“Occlusion” Prepared by: Shreya Rawal 1. Extending Distortion Viewing from 2D to 3D S. Carpendale, D. J. Cowperthwaite and F. David Fracchia (1997) 2.
1 i247: Information Visualization and Presentation Marti Hearst Multidimensional Graphing.
HDDVis: An Interactive Tool for High Dimensional Data Visualization by Mingyue Tan April 21st, 2004.
1 SIMS 247: Information Visualization and Presentation Marti Hearst Oct 24, 2005.
1 SIMS 247: Information Visualization and Presentation jeffrey heer Tree Visualization Oct 26, 2005.
Large Scale Radial Graph Drawing Cody Robson. Graph Exploration Radial Layout: Constrains graph to rings User can shift focus to avoid panning.
The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus + Context Visualization for Tabular Information R. Rao and S. K.
Fishery View Improvement of Time Series Line Chart Visualization of Fishery Data CPSC 533C Final Presentation Ying Zhang & Lan Wu December 19 th 2005.
Information Retrieval: Human-Computer Interfaces and Information Access Process.
©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15Slide 1 User interface design l Designing effective interfaces for software systems.
SIMS 247 Information Visualization and Presentation Marti Hearst February 15, 2002.
Marti Hearst SIMS 247 SIMS 247 Lecture 6 Linked Interaction as Query Specification February 5, 1998.
Brushing, Linking & Interactive Querying Information Visualization February 15, 2002 Sarah Waterson.
User interface design. Recap User Interface GUI Characteristics (Windows, Icons, Menus, Pointing, Graphics) User Centered Design User Interface Design.
Thinking with Visualizations: sense making loops Colin Ware Data Visualization Research Lab University of New Hampshire.
2-1 Relations and Functions
Research paper: Web Mining Research: A survey SIGKDD Explorations, June Volume 2, Issue 1 Author: R. Kosala and H. Blockeel.
Dynamic Queries –presented by Bhaskar Chatterjee Visual Alternative to SQL for Querying databases Depending on data types and the values decides the input.
Visualizing Information in Global Networks in Real Time Design, Implementation, Usability Study.
A Focus+Context Technique Based on Hyperbolic Geometry for Visualizing Large Hierarchies. John Lamping, Ramana Rao, and Peter Pirolli Xerox Palo Alto Research.
Fall 2002CS/PSY Information Visualization Picture worth 1000 words... Agenda Information Visualization overview  Definition  Principles  Examples.
Glyph Visualization and Yet Another Tree Visualization Matt Williams InfoVis 533c April 3, 2003.
Visualization Blaz Zupan Faculty of Computer & Info Science University of Ljubljana, Slovenia.
Metro Transit-Centric Visualization for City Tour Planning Pio Claudio and Sung-Eui Yoon.
Personalized Search Xiao Liu
The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,
Intro to HCI Day 6: Info Vis Slides Prepared by: Michael A. Oren June 29, 2011 REU 2011.
© 2009 IBM Corporation 1 Space, Time, and Antony Space, Time and Antony Visualizing Then and Now, Here and There.
Controllability of Time-Aware Processes at Run Time Andreas Lanz 1, Roberto Posenato 2, Carlo Combi 2, and Manfred Reichert 1 1 Institute of Databases.
Graph Visualization and Beyond … Anne Denton, April 4, 2003 Including material from a paper by Ivan Herman, Guy Melançon, and M. Scott Marshall.
Small, Lightweight Speed and Distance Sensor for Skiers and Snowboarders Michael Bekkala Michael Blair Michael Carpenter Matthew Guibord Abhinav Parvataneni.
Innovative UI Ideas Marti Hearst SIMS 213, UI Design & Development April 20, 1999.
Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics Benjamin B. Bederson and James D. Hollan Presented by Daniel Schulman.
Simple data visualizations Tech Fest why bother? long history of using pictures to show significance of numbers increasingly “visual” society visual.
Concept Mapping: A Graphical System for Understanding the Relationship between Concepts. ERIC Digest.
Using Bayesian Networks to Predict Plankton Production from Satellite Data By: Rob Curtis, Richard Fenn, Damon Oberholster Supervisors: Anet Potgieter,
Inequalities of Combined Functions Example 1 TECHNIQUES FOR ILLUSTRATING INEQUALITIES.
VizTree Huyen Dao and Chris Ackermann. Introducing example
Motion Graphics By Jin Lin. What is motion graphics? A digital technique that combines the languages of film, animation, and graphic design. Usually displayed.
1 Visual Encoding Andrew Chan CPSC 533C January 20, 2003.
Native Issues-CATC: Research Strategies Jane Long, Assistant Professor MLIS, University of Oklahoma MA, English, Wright State University BA, English, Southwestern.
1 INTRODUCTION TO COMPUTER GRAPHICS. Computer Graphics The computer is an information processing machine. It is a tool for storing, manipulating and correlating.
CDS 301 Fall, 2009 Scientific Information and Data Visualization Introduction Sep. 1, 2009 Jie Zhang Copyright ©
Chapter 6 : User interface design
TEXT BOOK : COMPUTER GRAPHICS DONALD HEARN & M.PAULINE BAKER
PostGraduate Research Excellence Symposium (PGReS) 2015
MCA 503 COMPUTER GRAPHICS TEXT BOOK :
Kenneth Baclawski et. al. PSB /11/7 Sa-Im Shin
Interaction Week 7 CPSC 533C, Spring 2003
Dynamic Queries for Visual Information Seeking Ben Shneiderman
CHAPTER 14: Information Visualization
An Introduction to and Motivation for Visualization Research
Welcome Introduction to InformationVisualization:
Presentation transcript:

Interaction in Visualization Systems CPSC 533C Presentation Zhangbo Liu (Zephyr) December 7, 2005

Question to this topic: What & Why?

Interaction “Interaction involves the transformations that map the data to visual form.” More than just controls? Integrates controls into the visualization. Allows for direct manipulations of the graphical representation of the data.

Examples Ahlberg & Shneideman, The Film Finder Chuah et al., SDM Ware, Chapter10, Information Visualization Munzner,H3

Papers High interaction graphics. Stephen G. Eick and Graham J. Wills. European Journal of Operational Research, 81: , High interaction graphics Interactive Visualization of Genealogical Graphs. Michael J. McGuffin and Ravin Balakrishnan. Proc. InfoVis Interactive Visualization of Genealogical Graphs

Papers High interaction graphics. Stephen G. Eick and Graham J. Wills. European Journal of Operational Research, 81: , Interactive Visualization of Genealogical Graphs. Michael J. McGuffin and Ravin Balakrishnan. Proc. InfoVis Interactive Visualization of Genealogical Graphs

High Interaction Graphics Clarity Information only on demand, cleaner & more focused displays, allow a range of options Robustness Avoid drawing inferences from only one view Power Combine views, leverage exploration Possibility 3+ dimensional data, animation

Principles Simple, easy to interpret views Information Hiding Direct Manipulation Linking & Brushing

Linking and Brushing Linking Visually showing which parts of one data plot correspond to that of another. Brushing Allowing the users to move a region (brush) around the data display to highlight points which fall within this region.

Slide adapted from Marti Hearst Examples Districts of the city of Dublin showing areas with high levels of average income Linking altitude to grass and grain types in Scottish Districts

Critique Pros: Very good survey paper for introduction, general techniques. Easy to read. Seems like the beginning of a book. Cons: Examples were somewhat simple, despite mentioning some complex application domains. Dated. Open issues are easy nowadays.

Papers High interaction graphics. Stephen G. Eick and Graham J. Wills. European Journal of Operational Research, 81: , High interaction graphics Interactive Visualization of Genealogical Graphs. Michael J. McGuffin and Ravin Balakrishnan. Proc. InfoVis 2005.

Problem Family trees are difficult to draw

Proposed solution Dual-tree based representation

Novel Interaction Technique

Video

User Study 1 practicing genealogist 1 hour session Neural feedbacks, no pros or cons

Critique Pros: A nice solution for a generally misunderstood graph drawing problem Cool interaction technique for collapsing or expanding subtrees Cons: Requires some background in genealogy Poor user study