1 i247: information visualization and presentation marti hearst data types and graph types

30
1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

Post on 22-Dec-2015

223 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

1

i247: Information Visualization and PresentationMarti Hearst

Data Types and Graph Types

 

 

Page 2: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

2

Outline

• The Roles and Stages of Visualization (briefly)• Data Models and Types of Data• Which Kinds of Graphs for Which Types of Data?• Class Exercise

Page 3: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

3

The Roles and Stages of Visualization

Page 4: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

4

What Visualization Can Do (Ware)

• Allows comprehension of huge amounts of data.• Allows perception of emergent properties• Enables problems with the data to stand out• Facilitates understanding at both large and

small scales; patterns linking local features• Facilitates hypothesis formation.

Page 5: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

5

What Visualization Can Do (Tufte ’83)

• Show the data• Induce to viewer to think about the data• Avoid distorting what the data have to say• Present many numbers in a small space• Make large data sets coherent• Encourage the eye to compare different pieces of data• Reveal the data at several levels of detail, from

overview to fine structure• Serve a clear purpose:

– Description, exploration, tabulation, or decoration

• Be closely integrated with the statistical and verbal descriptions of a data set.

Page 6: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

6

Stages of Visualization (Ware)

• Collection and storage of data• Preprocessing to transform data into

something understandable• Hardware and graphics algorithms for

producing an image on the screen• Human perceptual and cognitive system.

• (I think he’s missing a stage … Design of the visualization.)

Page 7: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

7

Put it Into Questions

• What are our goals?• What questions do we want to answer?• What kind of data might we collect?• How might we convey the information

associated with this data?

Page 8: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

8

Visualization Components

• Techniques• Graphs & plots

• Maps

• Trees & Networks

• Volumes & Vectors

• …

• Design Process• Iterative design

• Design studies

• Evaluation

• Design Principles• Visual display

• Interaction

• Frameworks

• Data types

• Tasks

• Human Abilities• Visual perception

• Cognition

• Motor skillsImply

Constrain design

Inform design

From Melanie Tory

Page 9: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

9

Data Models and Types of Data

Page 10: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

10Adapted from Stone & Zellweger

Basic Elements of a Data Model

• A data model represents some aspect of the world

• Data models consist of these basic elements:– objects– values (also called attributes)– relations

Page 11: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

11Adapted from Stone & Zellweger

Basic Elements: Objects

• Objects are items of interest– people, plants, cars, films, etc…

• Objects allow you to define and reason about a domain– ecosystem: ponds, streams, woodlands, mountains,

plants, animals, etc.

Page 12: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

12Adapted from Stone & Zellweger

Basic Elements: Values

• Values (or attributes) are properties of objects

• Two major types– quantitative – categorical

• Appropriate visualizations often depend upon the type of the data values

Page 13: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

13Adapted from Stone & Zellweger

Basic Elements: Relations

• Relations relate two or more objects– leaves are part of a plant– a department consists of employees

• Ecosystem– connections between streams and lakes– predator/prey network of what eats what– …

Page 14: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

14

Types of Data (Ware)

• Entities• Relationships• Attributes of Entities or Relationships

– Nominal / Ordinal / Interval / Ratio (Stevens ’46)– Categorical / Integer / Real

• Operations Considered as Data– Mathematical– Merging lists– Transforming data, etc.– Metadata (derived data)

Page 15: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

15Adapted from Stone & Zellweger

Types of Data (Few)

• Quantitative (allows arithmetic operations)

• Categorical (group, identify & organize; no arithmetic)

Nominal OrdinalIntervalHierarchical

Page 16: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

16Adapted from Stone & Zellweger

Types of Data• Quantitative (allows arithmetic operations)

- 123, 29.56, …

• Categorical (group, identify & organize; no arithmetic)

Nominal (name only, no ordering)• Direction: North, East, South, West

Ordinal (ordered, not measurable)• First, second, third …• Hot, warm, cold

Interval (starts out as quantitative, but is made categorical by subdividing into ordered ranges)

• Time: Jan, Feb, Mar• 0-999, 1000-4999, 5000-9999, 10000-19999, …

Hierarchical (successive inclusion)• Region: Continent > Country > State > City• Animal > Mammal > Horse

Page 17: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

17

Which Types of Graphs for Which Kinds of Data?

Page 18: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

18From Few, "Quantitative vs. Categorical Data: A Difference Worth Knowing", DM Review Magazine, April 2005

Quantitative Against Categorical

Page 19: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

19From Few, "Quantitative vs. Categorical Data: A Difference Worth Knowing", DM Review Magazine, April 2005

Quantitative against Quantitative

Page 20: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

20

Questions to ask when creating a graph

• Is a graph needed?– Yes, if illustrating relationships among measurements

• What information is being conveyed?– What is most important?– Start by writing a title

Page 21: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

21

Questions to ask when creating a graph

• What data is needed to answer specific questions?– Overview? Relationships?– Grice’s maxims

• combine relevant information together• don’t show extraneous information

• Who is your audience?

Page 22: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

22

What Format to Use?

• Bertin has a notion of efficiency• Tufte says “show the data”• Let’s start with familiar graph types

– line graphs– bar charts– scatter plots– layer graphs

• When to use each?

Page 23: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

23

Anatomy of a Graph (Kosslyn 89)

• Framework– sets the stage– kinds of measurements, scale, ...

• Content– marks– point symbols, lines, areas, bars, …

• Labels– title, axes, tic marks, ...

Page 24: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

24

When to use which type?

• Line graph – x-axis requires quantitative variable– differences among contiguous values– familiar/conventional ordering among ordinals

• Bar graph– comparison of relative point values

• Scatter plot– convey overall impression of relationship between

two variables

Page 25: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

25

What to put on the x axis?

• Independent vs. Dependent variables– we often measure one quantitative variable against

another– the value of one changes in relation to the other– the dependent variable changes relative to the

independent one– the independent variable acts as a “measuring stick”

• Independent usually goes on the x (horizontal) axis

Page 26: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

26

Independent vs. Dependent

• Independent vs. Dependent variables– heat in degrees against time– sales against season– tax revenue against city

• What happens when there is more than one independent variable?– Choose one for the x axis, and another as a variation

in the mark (color, shape)

Page 27: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

27

Few on How to Show Information

• The best way to show a single value?– Use a textual representation.– Why?

• How to draw attention to a number?

Page 28: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

28

Few on How to Show Information

• What are tables good for?– Data lookup– Hierarchical relationships

Page 29: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

29

Class Exercise

Page 30: 1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types

30

How to Combine Data Types?

• Class Exercise:– Using data about autos from the 70’s– Each person get a column of data

• First, identify the data type• Then, stand up• Then, repeat the following several times:

– Walk up to someone else. If they have a different column than you do, discuss whether and how you should plot your two columns.

» If yes, what question are you answering?» If no, why not?

• Then, repeat this, but with groups of three people.