Ultra-High Resolution Information Visualization CS 5764 Sarah Peck, Chris North Credits: Beth Yost, Bob Ball, Christopher Andrews, Mike DellaNoce, Candice.

Slides:



Advertisements
Similar presentations
Chapter 5 – Part 2 Input and Output
Advertisements

Regis Kopper Mara G. Silva Ryan P. McMahan Doug A. Bowman.
Display Devices Display device: output device that presents output visually Monitor/Display screen: The display device used with desktop computers, notebook.
Multivariate Visualization of Continuous Datasets, a User Study Haleh Hagh-ShenasSunghee KimLaura TateosianChristopher Healey Gettysburg College North.
®® Microsoft Windows 7 for Power Users Tutorial 2 Customizing Microsoft Windows 7.
Chapter 5 Input and Output. What Is Input? What is input? p. 166 Fig. 5-1 Next  Input device is any hardware component used to enter data or instructions.
Xingfu Wu Xingfu Wu and Valerie Taylor Department of Computer Science Texas A&M University iGrid 2005, Calit2, UCSD, Sep. 29,
International Journal of Industrial Ergonomics 35 (2005) 939–953 Situation awareness and workload in driving while using adaptive cruise control and a.
6/11/20151 Multiple Windows Strategies CIS 577 Bruce R. Maxim UM-Dearborn.
Evaluation Adam Bodnar CPSC 533C Monday, April 5, 2004.
Multivariate Visualization of Continuous Datasets, a User Study Haleh Hagh-ShenasSunghee KimLaura TateosianChristopher Healey Gettysburg College North.
Live Re-orderable Accordion Drawing (LiveRAC) Peter McLachlan, Tamara Munzner Eleftherios Koutsofios, Stephen North AT&T Research Symposium August, 2007.
Single Display Groupware Ana Zanella - CPSC
Grand Challenges Robert Moorhead Mississippi State University Mississippi State, MS 39762
Table Lens From papers 1 and 2 By Tichomir Tenev, Ramana Rao, and Stuart K. Card.
An Introduction to Software Visualization Dr. Jonathan I. Maletic Software DevelopMent Laboratory Department of Computer Science Kent State University.
Living in a Digital World Discovering Computers 2011.
Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.
WPI Center for Research in Exploratory Data and Information Analysis From Data to Knowledge: Exploring Industrial, Scientific, and Commercial Databases.
®® Microsoft Windows 7 for Power Users Tutorial 2p1 Customizing Microsoft Windows 7.
Evaluation of Viewport Size and Curvature of Large, High-Resolution Displays Lauren Shupp, Robert Ball, John Booker, Beth Yost, Chris North Virginia Polytechnic.
Visualizing Cyber Security: Usable Workspaces Glenn A. Fink, Christopher L. North, Alex Endert, Stuart Rose.
Information Design and Visualization
Discovering Computers 2010 Chapter 6 Output. Chapter 6 Objectives Describe the four categories of output Summarize the characteristics of LCD monitors,
High-Resolution Usages By Robert Ball Original Image size:3628x2357 Courtesy of NASA.
Views and Viewports1 Sacramento City College EDT 310.
Web Site Design Principles
Q Q Human Computer Interaction – Part 1© 2005 Mohammed Alabdulkareem Human Computer Interaction - 1 Dr. Mohammed Alabdulkareem
Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.
1 Human Computer Interaction Week 12 Information Search & Visualization.
S TACKING -B ASED V ISUALIZATION OF T RAJECTORY A TTRIBUTE D ATA IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS, DECEMBER 2012 Authors: 1.Christian.
Fall 2002CS/PSY Information Visualization Picture worth 1000 words... Agenda Information Visualization overview  Definition  Principles  Examples.
Seungwon Yang, Haeyong Chung, Chris North, and Edward A. Fox Virginia Tech, Blacksburg, VA USA 1ETD 2010, June 16-18, Austin, TX.
IAT Overview + Detail Focus + Context ______________________________________________________________________________________ SCHOOL OF INTERACTIVE.
© Prentice Hall, 2008 Excellence in Business Communication, 8eChapter Writing Business Reports and Proposals.
Information Enhancement of Synthetic Environments Nicholas F. Polys Virginia Bioinformatics Institute Virginia Tech Computer Science & Center for Human.
Understanding Visualization through Spatial Ability Differences Maria C. Velez, Deborah Silver and Marilyn Tremaine Rutgers University 2005.
Evaluation and metrics: Measuring the effectiveness of virtual environments Doug Bowman Edited by C. Song.
Do these make any sense?. Navigation Moving the viewpoint as a cost of knowledge.
Non-Overlapping Aggregated Multivariate Glyphs for Moving Objects Roeland Scheepens, Huub van de Wetering, Jarke J. van Wijk Presented by: David Sheets.
Lecture 7: Intro to Computer Graphics. Remember…… DIGITAL - Digital means discrete. DIGITAL - Digital means discrete. Digital representation is comprised.
Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.
Information Visualization 2: Overview and Navigation Chris North cs3724: HCI.
1D & 2D Spaces for Representing Data Mao Lin Huang.
Workshop: Using Large, High-Resolution Displays for Information Visualization IEEE InfoVis 2005.
SBD: Information Design
Visual Overview Strategies cs5984: Information Visualization Chris North.
Visualization Four groups Design pattern for information visualization
Ch10 Screen Layout Yonglei Tao School of Computing & Info Systems GVSU.
The Structure of the User Interface Lecture # 8 1 Gabriel Spitz.
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 28 Behavior.
 A navigational display should serve these four different classes of tasks:  Provide guidance about how to get to a destination  Facilitate planning.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
DATA OUTPUT  maps  tables. DATA OUTPUT output from GIS does not have to be a map many GIS are designed with poor map output capabilities types of output:
Real Time Collaboration and Sharing
Information Visualization “Ant-vision is humanity’s usual fate; but seeing the whole is every thinking person’s aspiration” - David Gelernter “Visualization.
1 Visual Encoding Andrew Chan CPSC 533C January 20, 2003.
MULTI TOUCH. Introduction Multi-touch is a human-computer interaction technique. Consists of a touch screen as well as software that recognizes multiple.
Information Visualization: Navigation Chris North cs3724: HCI.
MegaPixel Madness: technologies for ultra-high resolution display systems Kevin Ponto October 2009.
Lecture 09: Interaction pt. 2: Cost
Discovering Computers 2012: Chapter 2-6
Yonglei Tao School of Computing & Info Systems GVSU

cs5764: Information Visualization Chris North
Information Visualization 2: Overview and Navigation
Information Visualization Picture worth 1000 words...
Information Design and Visualization
Information Visualization 2: Overview and Navigation
Introduction to Visual Analytics
Presentation transcript:

Ultra-High Resolution Information Visualization CS 5764 Sarah Peck, Chris North Credits: Beth Yost, Bob Ball, Christopher Andrews, Mike DellaNoce, Candice Luebbering, Sarah Peck, Lauren Shupp, John Booker

Research Questions Fundamental issues: What is the benefit for visualization? in terms of Perception, Navigation, Awareness Limits of visual scalability? Display design issues: How big? How shaped? Visualization design issues: How to embed more information? Interaction design issues: How to point? pan? zoom? What is the impact of large high-resolution displays on visualization?

Empirical Results: High-Resolution 2-10x faster task performance Curved displays speed some tasks by 30% Reduce frustration by 50% Reduce virtual navigation actions by 75% Increase physical navigation 300% Analyze 22x more data, only 3x more time, while maintaining accuracy Greater situational awareness Easier interaction Short initial learning time Analytic force multiplier

Display Space # of pixels Physical Size of display Pixel Density = # of pixels / display size “Resolution” = density? or # of pixels? constant density line

VT GigaPixel Laboratory ~200 Mpixels, scalable Reconfigurable Multiple display technologies Diverse input devices Link to AwareLab, VICON

Analyst Workspace Options 9 tiled LCD panels Single CPU MS Windows Small cubicle < $5, tiled LCD panels Curved configuration Multi-CPU Large cubicle/office ~ $20,000

Collaborative Workspace Options 18 Rear-projection blocks near-seamless Multi-CPU Large conference room ~ $150, tiled LCD panels Touch-sensitive Multi-CPU Medium conference room ~ $120,000

LCD vs. Rear-projection

Variables # pixels, display size, density Shape, curvature, horizontal / vertical Brightness, contrast, color, clarity Uniformity Alignment Bezels, seams Technology type Footprint Maintenance Input technique

User Input Devices / Techniques Videos…

High-Res Visualization Design

Displaying more data More entities More attributes Embed details Larger spatial area Multiple levels of scale Heterogeneous data Task context info

More entities

More attributes

Embed details Storyboard notecards

Design Suggestions Take advantage of fast physical navigation to replace slow virtual navigation Design to take advantage of visual aggregation Consider what is perceptible from various physical distances Consider multiple strategic labels and both local and global legends Choose scalable encodings Consider effect of display characteristics

Enable Physical Navigation To reduce Virtual Navigation (mouse…) Avoid tethered input devices

Visual Aggregation Like semantic zooming

Physical Adaptation

Strategic Placement Consider multiple strategic labels and both local and global legends

Graphically Scalable Encodings ScalableNot Scalable Number of glyphsNumber of perceivable colors Glyph sizeGlyph orientation Over plotting, spatial position 3D occlusion Distortion techniquesNetwork connectivity edge crossing

Display Characteristics

Today’s paper Shupp et al “Size and curvature of Hi-Res displays” Presenter: Sunghee Park

Empirical Results

More pixels = Faster Vis Task Performance Display size vs. User’s task performance time  Faster Larger display size → Users were 8 times faster with 8 times more screen space

Physical Navigation Wide field of view

Greater Situational Awareness With more pixels: 92% claim greater awareness 70% claim easier interaction Subjects used more proactive strategies With larger screens, users were more aware due to spending less percentage of their time navigating.

1 Monitor 45% 1% 2% 35% 8% 1% 4% 2% 2% 4 Monitors <1% <1% 4% 6% 9% 16% 64% <1% With larger display, analysts spent more time on task and less time on interface manipulation More Time on Task

# of Monitor(s) Mouse Clicks Mouse Clicks Average # of Mouse Clicks by Display Size Less Time Wasted With larger screen, ¼ fewer mouse clicks to accomplish the same analytic tasks

Curvature Faster task performance than flat, 30% Causes different insight than flat Localized vs global insights

Data Scalability: Beyond Visual Acuity Display Size DataDisplay Time x Attributes TotalPixelsArea (24 LCDs) Small14 x 145, x768 Medium29 x 2923, x1536 Large58 x 5894, x3072

Small Multiples 1976 White Female 2 Mp 32 Mp Years Demographic Groups US Map

Embedded Visualizations Bar Matrix Time-Series Graph Demographic Groups Years US Map

Data Scalability: Beyond Visual Acuity Efficient: 17x more data, 2x more time Accuracy maintained Embedded vis design scales better Spatial grouping is important on Large Displays Used physical navigation & visual aggregation

Publications CHI 2005: “Effects of Tiled, High-Resolution …” Interact 2005: “Analysis of User Behavior…” HCI 2005: “Evaluating the Benefits…for Navigating Maps” AAG 2006: “Map Reading Efficiency on High-Resolution…” Graphics Interface 2006: “Viewport Size & Curvature…” ISI 2006: “Intelligence Analysis using High-Resolution…” InfoVis 2006: “Scalability of Visualization…” and Demo Interacting with Computers: “High-Resolution Gaming…” British HCI: “Applying Embodied Interaction…” Computers & Graphics: “Realizing Embodied Interaction…” IVS: “Designing Info Visualizations for Hi-Res…” CHI 2007: “Perceptual Scalability with Hi-Res…” CHI 2007: “Physical vs Virtual Navigation…”