cs 5764 information visualization dr. chris north
Post on 15-Jan-2016
216 views
TRANSCRIPT
![Page 1: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/1.jpg)
CS 5764Information Visualization
Dr. Chris North
![Page 2: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/3.jpg)
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](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/4.jpg)
The Big Problem
Data
Human
How?
Data Transfer
•
•
![Page 5: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/5.jpg)
The Big Problem
Data
Human
How?
Data Transfer
Vision:Aural:Smell:HapticsTasteesp
![Page 6: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/7.jpg)
Find the Red Square:
![Page 8: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/8.jpg)
Find the Red Square:
Pre-attentive
![Page 9: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/9.jpg)
• Which state has highest Income? Avg? Distribution?• Relationship between Income and Education?• Outliers?
![Page 10: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/10.jpg)
Per Capita Income
Col
lege
Deg
ree
%
![Page 11: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/11.jpg)
%
![Page 12: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/12.jpg)
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](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/13.jpg)
History: Static Graphics
Minard, 1869
![Page 14: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/14.jpg)
The Big Problem
Data
Human
visualization
Data Transfer
![Page 15: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/15.jpg)
The Bigger Problem
Data
Human
interactivevisualization
Data Transfer
![Page 16: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/16.jpg)
Interactive Graphics
• Homefinder
![Page 17: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/17.jpg)
![Page 18: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/18.jpg)
![Page 19: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/19.jpg)
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](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/20.jpg)
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](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/21.jpg)
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](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/22.jpg)
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](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/23.jpg)
Class Motto
Show me the data!
![Page 24: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/24.jpg)
2. Who Cares?
![Page 25: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/25.jpg)
Presentation is everything
![Page 26: CS 5764 Information Visualization Dr. Chris North](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/26.jpg)
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](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/27.jpg)
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](https://reader036.vdocuments.us/reader036/viewer/2022062423/56649d575503460f94a36980/html5/thumbnails/28.jpg)
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