Information Visualization - PowerPoint PPT Presentation

1 / 41
About This Presentation
Title:

Information Visualization

Description:

News, Weather, Traffic, Sports scores, Articles, Pictures, Financial information, ... 'The purpose of visualization is insight, not pictures' ... – PowerPoint PPT presentation

Number of Views:17
Avg rating:3.0/5.0
Slides: 42
Provided by: JohnS3
Category:

less

Transcript and Presenter's Notes

Title: Information Visualization


1
Information Visualization
  • Based on a lecture by John Stasko
  • April 18, 2003 in CS 4750

2
Agenda
  • Questions?
  • Announcements
  • More Ubicomp videos
  • Information Visualization mini-lecture

3
Announcments
  • Wednesday, Friday be here, and be ON TIME!
  • If you havent received feedback from me on your
    evaluation plan revisions, send them to Ed
  • Project presentations are the 19th, 21st, and
    23rd. Email Ed with your order of preference
  • Writeups are due the 19th see Ed before the 17th
    for feedback

4
More ubicomp movies
5
Data Explosion
  • Incredible amount of data available
  • News, Weather, Traffic, Sports scores, Articles,
    Pictures, Financial information, E-mails,
  • Greatly facilitated byInternet and Web

6
How much data?
  • Estimates of between 1 and 2 exabytes of unique
    data produced per year
  • 1000000000000000000 (1018) bytes
  • 250 meg for every man, woman and child
  • Printed documents only .003 of total

Peter Lyman and Hal Varian, 2000 Cal-Berkeley,
Info Mgmt Systems www.sims.berkeley.edu/how-much
-info
7
Big Challenge
  • How do we make sense of it?
  • How do we harness this data in decision-making
    processes?

8
Three Possible Approaches
  • Software Agents
  • Computational agent that carries out users
    request
  • Data Mining
  • Software that analyzes database and extracts
    interesting features
  • Information Visualization
  • Visual tools to help users better examine the
    data themselves

Can be complementary
9
Knowledge Acquisition
Web,Books,Papers, Game scores, Scientific
data, Biotech, Shopping People Stock/finance News

Data
Data Transfer
How?
10
Human Vision
  • Highest bandwidth sense
  • Fast, parallel
  • Pattern recognition
  • Pre-attentive
  • Extends memory and cognitive capacity
  • (Multiplication test)
  • People think visually
  • Impressive. Lets use it!

11
Example
Which state has the highest income? Is there a
relationship between income and education? Are
there any outliers?
Questions
Example courtesyof Chris North
12
Visualize the Data
College Degree
Per Capita Income
13
Even Tougher?
  • What if you could only see 1 states data at a
    time? (e.g. Census Bureaus website)
  • What if I read the data to you?

14
Illustrates the Idea
  • Provide tools that present data in a way to help
    people understand and gain insight from it
  • Cliches
  • Seeing is believing
  • A picture is worth a thousand words

15
Visualization
  • Often thought of as process of making a graphic
    or an image
  • Really is a cognitive process
  • Form a mental image of something
  • Internalize an understanding
  • The purpose of visualization is insight, not
    pictures
  • Insight discovery, decision making, explanation

16
Main Idea
  • Visuals help us think
  • Provide a frame of reference, a temporary storage
    area
  • External cognition
  • Role of external world in thinking and reason

More examples
17
Atlanta Flight Traffic
AJC
18
Napoleans March
From E. Tufte The Visual Display of Quantitative
Information
size of army direction
latitude longitude
temperature date
Minard graphic
19
London Subway
20
True Geography
www.kottke.org/plus/misc/images/tubegeo.gif
21
Information Visualization
  • What is information?
  • Items, entities, things which do not have a
    direct physical correspondence
  • Notion of abstractness of the entities is
    important too
  • Examples baseball statistics, stock trends,
    connections between criminals, car attributes...

22
Information Visualization
  • What is visualization?
  • The use of computer-supported, interactive visual
    representations of data to amplify cognition.
  • From Card, Mackinlay Shneiderman 98

23
Information Visualization
  • Essence
  • Taking items without a physical correspondence
    and mapping them to a 2-D or 3-D physical space.
  • Giving information a visual representation that
    is useful for analysis and decision-making

24
Two Key Attributes
  • Scale
  • Challenge often arises when data sets become very
    large
  • Interactivity
  • Want to show multiple different perspectives on
    the data

25
Domains for Info Vis
  • Text
  • Statistics
  • Financial/business data
  • Internet information
  • Software
  • ...

26
Components of Study
  • Data analysis
  • Data items with attributes or variables
  • Generate data tables
  • Visual structures
  • Spatial substrate, marks, graphical properties of
    marks
  • UI and interaction
  • Analytic tasks to be performed
  • Browse, correlate, identify, associate

27
More Examples
  • Seeing is believing

28
NYC Weather
Tufte, Vol. 1
2220 numbers
29
HomeFinder
HCIL Univ. Maryland
Demo
30
Case Study
  • Understanding hierarchies
  • Learn about some InfoVis techniques

31
Hierarchies
  • Definition
  • Data repository in which cases are related to
    subcases
  • Can be thought of as imposing an ordering in
    which cases are parents or ancestors of other
    cases

32
Hierarchies in the World
  • Pervasive
  • Family histories, ancestries
  • File/directory systems on computers
  • Organization charts
  • Animal kingdom Phylum,, genus,
  • Object-oriented software classes
  • ...
  • Hierarchies often represented as trees

33
Representations
34
Space-Filling Representation
Each item occupies an area Children are
contained under parent
One example
35
Treemap
  • Space-filling representation developed by
    Shneiderman and Johnson, Vis 91
  • Children are drawn inside their parent
  • Alternate horizontal and vertical slicing at each
    successive level
  • Use area to encode other variable of data items

36
Treemap
  • Example

Directories
37
Map of the Market
www.smartmoney.com/marketmap
38
Sunburst
Visualizing fileand directory structures Root
dir at center Color - file type Angle - file/dir
size
39
InfoVis Techniques
  • Aggregation
  • Accumulate individual elements into a larger unit
    to be presented as some whole
  • Overview Detail
  • Provide both global overview and detail zooming
    capabilities
  • Focus Context
  • Show details of one or more regions in a more
    global context (eg, fisheye)

40
InfoVis Techniques
  • Drill-down
  • Select individual item or smaller set of items
    from a display for a more detailed view/analysis
  • Brushing
  • Select or designate/specify value, then see
    pertinent items elsewhere on the display

41
Upcoming
  • In-class evaluations
  • CSCW DFAB 13.2, 14
Write a Comment
User Comments (0)
About PowerShow.com