+ All Categories
Home > Documents > CS 5764 Information Visualization Dr. Chris North.

CS 5764 Information Visualization Dr. Chris North.

Date post: 15-Jan-2016
Category:
View: 216 times
Download: 0 times
Share this document with a friend
28
CS 5764 Information Visualization Dr. Chris North
Transcript
Page 1: CS 5764 Information Visualization Dr. Chris North.

CS 5764Information Visualization

Dr. Chris North

Page 2: CS 5764 Information Visualization Dr. Chris North.

Today

1. What is Information Visualization?

2. Who cares?

3. What will I learn?

4. How will I learn it?

Page 3: CS 5764 Information Visualization Dr. Chris North.

1. What is Information Visualization?

• The use of computer-supported, interactive, visual representations of abstract data to amplify cognition– Card, Mackinlay, Shneiderman

Page 4: CS 5764 Information Visualization Dr. Chris North.

The Big Problem

Data

Human

How?

Data Transfer

Page 5: CS 5764 Information Visualization Dr. Chris North.

The Big Problem

Data

Human

How?

Data Transfer

Vision:Aural:Smell:HapticsTasteesp

Page 6: CS 5764 Information Visualization Dr. Chris North.

Human Vision

• Highest bandwidth sense

• Fast, parallel

• Pattern recognition

• Pre-attentive

• Extends memory and cognitive capacity• (Multiplication test)

• People think visually

• Brain = 8 lbs, vision = 3 lbs

Impressive. Lets use it!

Page 7: CS 5764 Information Visualization Dr. Chris North.

Find the Red Square:

Page 8: CS 5764 Information Visualization Dr. Chris North.

Find the Red Square:

Pre-attentive

Page 9: CS 5764 Information Visualization Dr. Chris North.

• Which state has highest Income? Avg? Distribution?• Relationship between Income and Education?• Outliers?

Page 10: CS 5764 Information Visualization Dr. Chris North.

Per Capita Income

Col

lege

Deg

ree

%

Page 11: CS 5764 Information Visualization Dr. Chris North.

%

Page 12: CS 5764 Information Visualization Dr. Chris North.

Visual Representation Matters!

• Text vs. Graphics

• What if you could only see 1 state’s data at a time? (e.g. Census Bureau’s website)

• What if I read the data to you?

• Graphics vs. Graphics• depends on user tasks, data, …

Page 13: CS 5764 Information Visualization Dr. Chris North.

History: Static Graphics

Minard, 1869

Page 14: CS 5764 Information Visualization Dr. Chris North.

The Big Problem

Data

Human

visualization

Data Transfer

Page 15: CS 5764 Information Visualization Dr. Chris North.

The Bigger Problem

Data

Human

interactivevisualization

Data Transfer

Page 16: CS 5764 Information Visualization Dr. Chris North.

Interactive Graphics

• Homefinder

Page 17: CS 5764 Information Visualization Dr. Chris North.
Page 18: CS 5764 Information Visualization Dr. Chris North.
Page 19: CS 5764 Information Visualization Dr. Chris North.

Search Forms

• Avoid the temptation to design only a form-based search engine

• More tasks than just “search”• How do I know what to “search” for?

• What if there’s something better that I don’t know to search for?

• Hides the data• Only supports Q&A

• How can search be integrating with visualization?

Page 20: CS 5764 Information Visualization Dr. Chris North.

User Tasks

• Easy stuff:• Min, max, average, %• These only involve 1 data item or value

• Hard stuff:• Patterns, trends, distributions, changes over time,• outliers, exceptions, • relationships, correlations, multi-way, • combined min/max, tradeoffs, • clusters, groups, comparisons, context, • anomalies, data errors, • Paths, …

Excel can do this

Visualization can do this!

Page 21: CS 5764 Information Visualization Dr. Chris North.

More than just “data transfer”

• Glean higher level knowledge from the data

Learn = data insight

• Reveals data• Reveals knowledge that is not necessarily “stored” in the data• Insight!

• Hides data• Hampers knowledge• Nothing learned• No insight

Page 22: CS 5764 Information Visualization Dr. Chris North.

Some Philosophy…

• bigger picture: Insight• Vs. statistics, data mining, …

• Formal vs informal

• even bigger: Visual Analytics• Interaction as central

• Perception -> cognition

• Visualization in context

Page 23: CS 5764 Information Visualization Dr. Chris North.

Class Motto

Show me the data!

Page 24: CS 5764 Information Visualization Dr. Chris North.

2. Who Cares?

Page 25: CS 5764 Information Visualization Dr. Chris North.

Presentation is everything

Page 26: CS 5764 Information Visualization Dr. Chris North.

My Philosophy: Optimization

Visualization = the best of both

Impressive computation + impressive cognition

Computer•Serial•Symbolic•Static•Deterministic•Exact •Binary, 0/1•Computation•Programmed •Follow instructions•Amoral

Human•Parallel •Visual •Dynamic •Non-deterministic •Fuzzy•Gestalt, whole, patterns •Understanding •Free will•Creative •Moral

Page 27: CS 5764 Information Visualization Dr. Chris North.

3. What Will I Learn?

• Design interactive visualizations

• Critique existing designs and tools

• Develop visualization software

• Empirically evaluate designs

• Understand current state-of-art

An HCI focus• A visualization = a user interface for data

*

Page 28: CS 5764 Information Visualization Dr. Chris North.

Topics

Information Types: • Multi-D• 1D, 2D, 3D spatial• Hierarchies/Trees• Networks/Graphs• Document collections

Analytics:• Analytic theories• Analytic methods

Strategies:• Design Principles• Interaction strategies• Navigation strategies• Visual Overviews• Multiple Views• Empirical Evaluation• Development• Theory• High-Resolution Displays


Recommended