Multiple View Strategies cs5984: Information Visualization Chris North.

Slides:



Advertisements
Similar presentations
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
Advertisements

Information Visualization: Trees Chris North cs3724: HCI.
CIS101 Introduction to Computing Week 08. Agenda Your questions JavaScript text Resume project HTML Project Six This week online Next class.
Dynamic Queries cs5984: Information Visualization Chris North.
Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.
Marti Hearst SIMS 247 SIMS 247 Lecture 6 Linked Interaction as Query Specification February 5, 1998.
Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Virginia Tech. Proceedings of IEEE Symposium on InfoVis’02.
Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.
Tree Structures (Hierarchical Information) cs5764: Information Visualization Chris North.
Website Introduction  Plant a Seed, Watch it Grow web guide  Request a Garden Consultant  Explore Existing Gardens  Grant Calendar Log on to our website.
2-D: Focus+Context cs5984: Information Visualization Chris North.
Information Design and Visualization
Snap-Together Visualization Chris North Lab for Information Visualization and Evaluation Department of Computer Science Virginia Tech.
Let’s Start! Pages 136 to 140 March 18, Facts about GameFactory2(TGF2) Is a game engine developed by Clickteam. Uses Object-oriented programming.
Trees (Hierarchical Information) cs5984: Information Visualization Chris North.
Construction cs5984: Information Visualization Chris North.
Multi-Dimensional Functions cs5984: Information Visualization Chris North.
HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.
2-D cs5984: Information Visualization Chris North.
Document Collections cs5984: Information Visualization Chris North.
Sept. 18, 2003CS WPI1 CS 509 Design of Software Systems Lecture #3 Thursday, Sept. 18, 2003.
Chapter 13 Andrew Bates Jay Babb Steve Haroz. Introduction We want as much information on the screen as possible without too much eye- head movement Window.
How (not) to lie with visualization cs5984: Information Visualization Chris North.
Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.
C. Ahlberg & B. Shneiderman (1994)
Information Visualization 2: Overview and Navigation Chris North cs3724: HCI.
LBR & WS LAB 1: INTRODUCTION TO GIS.
Zoomable Interfaces and Multiple Views (2) Mao Lin Huang.
Dynamic Queries cs5984: Information Visualization Chris North.
1D & 2D Spaces for Representing Data Mao Lin Huang.
Visual Overview Strategies cs5984: Information Visualization Chris North.
Introduction to Web Site Design. Rest of this semester Wednesday Nov 26th, the last lecture. Friday, Nov 28th, Thanksgiving. Monday Dec 1st, review session.
Visage: An All-in-One Tool A Paper by Roth, Lucas, Senn, et al. Presented by Josh Steele.
Review Chris North cs3724: HCI. Midterm Topics Scenario-based design: (ch 1-4) SBD background –metrics, tradeoffs, scenarios Requirements analysis –Field.
WorkSpaces cs5984: Information Visualization Chris North.
Visual Overview Strategies cs5984: Information Visualization Chris North.
1 3/28/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames.
CS 235: User Interface Design April 28 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Multi-Dimensional Data Visualization
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
Multi-Dimensional Data Visualization cs5984: Information Visualization Chris North.
FINANCIAL VISUALIZATION SUPPORT FOR BREAKDOWN ANALYSIS A method to visualize multiple foci polyarchies by successive breaking down of visualization based.
Information Visualization: Navigation Chris North cs3724: HCI.
Visualization Design Principles cs5984: Information Visualization Chris North.
Web Content Development Dr. Komlodi Class 11: Blueprints.
Multiple Views cs5984: Information Visualization Chris North.
Information Visualization: Navigation
cs5984: Information Visualization Chris North
COMP 430 Intro. to Database Systems
CSC420 Showing Complex Data.
cs5984: Information Visualization Chris North
cs5984: Information Visualization Chris North
Hierarchies (Trees) Definition Examples
cs5764: Information Visualization Chris North
Information Visualization 2: Overview and Navigation
cs5984: Information Visualization Chris North
cs5984: Information Visualization Chris North
Lesson Objectives Lesson Outcomes
cs5984: Information Visualization Chris North
Information Design and Visualization
cs5984: Information Visualization Chris North
“EZCREATE” The Easy Solution for Web Page Designers (Web Snap Project)
Information Visualization 2: Overview and Navigation
cs5984: Information Visualization Chris North
cs5984: Information Visualization Chris North
Information Visualization (Part 1)
cs5984: Information Visualization Chris North
cs5984: Information Visualization Chris North
Multi-Dimensional Data Visualization 2
Presentation transcript:

Multiple View Strategies cs5984: Information Visualization Chris North

Quiz 2 strategies for making overviews: hammer: visually compress Chainsaw: cut »Aggregate items or attrs »Eliminate items or attrs

Problem Can’t display everything in one view Scale: Many attributes Many items Complex data Multiple data tables (Relational databases) Multiple data types (e.g. tables, images) Need different visualizations for different parts of data

Solution Multiple Views Linked a.k.a. Tightly coupled, Coordinated views User interaction in one view affects other view(s) Ties parts together Separates data into parts

Strategies for Linking A Rough Taxonomy: Link = link between actions in two views 3 possible combinations: select  select:Brushing and Linking select  navigate: Overview and Detail navigate  navigate: Synchronized Navigation select, navigate select, navigate link

Brushing and Linking select  select Many attributes

Brushing and Linking Multiple perspectives

Brushing and Linking Multiple data types Mutually exclusive structures

Overview and Detail select  navigate Word Web frames

Overview and Detail Many items, few attributesto Few items, many attributes (something about everything) (everything about something)

Overview and Detail Drill down 1:M 3 levels: folders files file

Synchronized Navigation navigate  navigate E.g. synchronized scrolling

Synchronized Navigation Isnt it nice? Dreamweaver macromedia

Quiz Dynamic Queries?

Quiz Transitivity

Visualization SpreadSheet Chi, “Visualization Spreadsheet” Mudita, Abhi

Snap North, “Snap-Together Visualization” Varun, Kumar

Web Logs

Census Data

Photo Library

Mailing List

Visage Roth et al, CMU Data-centric Drag-and-drop data Brushing Sage: view construction

Next Week Book chapter 8 Tues: Trees Rao, “Hyperbolic Trees” » david, harsha Robertson, “Cone Trees” » anuj, atul Thurs: Trees Johnson, “Treemaps” » vishal, jeevak Beaudoin, “Cheops” » jon, mudita

Homework #3 Due Thurs Nov 1 See website for important details Zoomable visualization design Use Jazz HiNote to create an information space Topic ideas: hobby, life story, event, academic field Goal: help someone learn about topic 1 page report: analysis of zooming concept, your design Be creative, have fun! New!