data visualizations & infographics

61
Data Visualizations & Infographics (it looks cool, but what is it telling you?) Cid Frietag DoIT Academic Technology March 20, 2018 UW Madison Learning Analytics Series

Upload: others

Post on 18-Dec-2021

14 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Data Visualizations & Infographics

Data Visualizations & Infographics

(it looks cool, but what is it telling you?)

Cid FrietagDoIT Academic Technology

March 20, 2018

UW Madison Learning Analytics Series

Page 2: Data Visualizations & Infographics

• What are some of the data and/or visualizations that you commonly use, or would like to use?

• What insights and/or decisions can the data/visualizations help you make?

• What communications to others would the data/visualizations help you make?

Page 3: Data Visualizations & Infographics
Page 4: Data Visualizations & Infographics

http://media.nbcchicago.com/images/1200*900/Fox's+Pie+Chart.jpg

Page 5: Data Visualizations & Infographics

Why visualize data?

Page 6: Data Visualizations & Infographics

X10.0

8.013.0

9.011.014.0

6.04.0

12.07.05.0

Y8.046.957.588.818.339.967.244.26

10.844.825.68

X10.0

8.013.0

9.011.014.0

6.04.0

12.07.05.0

Y9.148.148.748.779.268.106.133.109.137.264.74

X10.0

8.013.0

9.011.014.0

6.04.0

12.07.05.0

Y7.466.77

12.747.117.818.846.085.398.156.425.73

X8.08.08.08.08.08.08.0

19.08.08.08.0

Y6.585.767.718.848.477.045.25

12.505.567.916.89

Mean 9.00 7.50

Sum 99.0 82.51

SD 3.16 1.94

r .82

9.00 7.50

99.0 82.51

3.16 1.94

.82

9.00 7.50

99.0 82.50

3.16 1.94

.82

9.00 7.50

99.0 82.51

3.16 1.94

.82

F.J. Anscombe, "Graphs in Statistical Analysis," American Statistician, vol. 27 (Feb 1973), pp. 17-21.

Page 7: Data Visualizations & Infographics
Page 8: Data Visualizations & Infographics

How visualizations work (the basics)

Page 9: Data Visualizations & Infographics

Human Eye-Brain System

Page 10: Data Visualizations & Infographics

http://commons.wikimedia.org/wiki/File:Corgi_puppy.png

Abstraction & Emotion

Page 11: Data Visualizations & Infographics

https://maps.google.com/ http://map.wisc.edu/

Reality à Symbol

Page 12: Data Visualizations & Infographics

Visualization and Infographic design

Some highlights

Page 13: Data Visualizations & Infographics

Telling a story with data

Insights

Message

Context

Source

Audience

Impact?

Truth

Clarity

Editing

Take-away?

Page 14: Data Visualizations & Infographics

Visualization and/or Infographic?

Algorithm Human

Repeatable One-off

Present data Present a message

Insight Information

Page 15: Data Visualizations & Infographics

zendesk.com: Monica Norton

Page 16: Data Visualizations & Infographics

New York Times, March 15, 2014

Page 17: Data Visualizations & Infographics
Page 18: Data Visualizations & Infographics

http://speakingppt.com/2011/05/09/does-chartjunk-really-trash-your-graphs-4-discoveries-from-research/

Page 19: Data Visualizations & Infographics

Models re: how and why Visualization made

Page 20: Data Visualizations & Infographics

Modified from DiBiase, 1990

VISUAL THINKING VISUAL COMMUNICATION

PRIVATE REALM PUBLIC REALM

Exploration

ConfirmationSynthesis

Presentation

Range of functions of visual methods in an idealized research sequence

Visualization’s role changes in a research-to-communication process

DiBiase, David. 1990. Visualization in the Earth Sciences. Department of Geography, The Pennsylvania State University

Page 21: Data Visualizations & Infographics
Page 22: Data Visualizations & Infographics

Card, et al -- Modified

Page 23: Data Visualizations & Infographics

Deconstructing the basics of visualization design

Visual structure?What’s the structure good at?

ComparisonDistributionCompositionRelationshipConnectionsLocations

Does the data fit the structure?

Graphic Elements (size, shape, color)Quantity or rank order?Different categories

What’s connected? What’s separate?

Details? At-a-glance?

How much is on one visual?

Context

Audience

Is there a message intended?

One-off? Or frequently updated?

Page 24: Data Visualizations & Infographics

Visual Structure

Page 25: Data Visualizations & Infographics
Page 26: Data Visualizations & Infographics

Chart chooser

A starting point

http://labs.juiceanalytics.com/chartchooser/index.html

Juice Analytics

Page 27: Data Visualizations & Infographics

Structured Data à Visual Structure

Page 28: Data Visualizations & Infographics

Does the data make sense in the structure?

http://s3.amazonaws.com/dk-production/images/75745/large/obamacareenrollment-fncchart.jpg?1396284158

http://s3.amazonaws.com/dk-production/images/75901/large/foxcorrectedobamacarechart.jpg?1396367232

Page 29: Data Visualizations & Infographics

More/Less?Quantity or Rank

Size

Color

Size AND Color

Shape

Color

Shape AND Color

Different?Categories

Position based on number/rank values

0 2010 Cat HorseDog

Position based on categories

20

Page 30: Data Visualizations & Infographics

Parts àWhole Connections

Movement/Flow1

2

3a3b

Location

Page 31: Data Visualizations & Infographics

Deconstruct Data Visualization Examples

Page 32: Data Visualizations & Infographics

Example: UW-Madison Enrollments

Page 33: Data Visualizations & Infographics
Page 34: Data Visualizations & Infographics
Page 35: Data Visualizations & Infographics
Page 36: Data Visualizations & Infographics

Most data visualizations….

Quantity, Ranking

Presence/absence

Categories

Points in time,

changes over time

Relationships,

connections

Locations

Alone or in combinations

Page 37: Data Visualizations & Infographics

What data/visualizations are you interested in?

What might they look like?What visual structure?

Comparisons, points in time….

What data do you collect?

Who is the audience?

Page 38: Data Visualizations & Infographics

Visualization Design

Page 39: Data Visualizations & Infographics

Visual Hierarchy

!!! Read this First !!!Then read this

And then maybe read this

Page 40: Data Visualizations & Infographics

Dimensions of Complexity

Page 41: Data Visualizations & Infographics

Design matters

Page 42: Data Visualizations & Infographics

Same Data, Different Maps

Default “Buckets”* Quintiles ~Even ranges of values

*Google Fusion Tables, March 2018

< -0.5

-0.5 – 0.0

0.0 - 0.5

0.5 – 1.0

> 1.0

Page 43: Data Visualizations & Infographics

82%

68% 56%

43%Elting, Linda S., et al. "Influence of data display formats on physician investigators' decisions to stop clinical trials: prospective trial with repeated measures." Bmj 318.7197 (1999): 1527-1531.

Page 44: Data Visualizations & Infographics

Data Collection & Classification

Page 45: Data Visualizations & Infographics

What data collected? (or left out?)

What’s your favorite color?RedBlueYellow

What’s your favorite color?

Page 46: Data Visualizations & Infographics

Classification

Page 47: Data Visualizations & Infographics
Page 48: Data Visualizations & Infographics
Page 49: Data Visualizations & Infographics

Wizard of OzDialog

https://mapr.com/blog/driving-insights-network-graphs/

Contributed by Joseph Blue

Page 50: Data Visualizations & Infographics

All Occupations by Education:Income

Page 51: Data Visualizations & Infographics
Page 52: Data Visualizations & Infographics
Page 53: Data Visualizations & Infographics
Page 54: Data Visualizations & Infographics

Most data visualizations….Quantity, RankingPresence/absenceCategoriesPoints in time, changes over timeRelationships, connectionsLocations

Alone or in combinations

Page 55: Data Visualizations & Infographics

Some Links

UW-Madison Institutional Data dataviz.wisc.edu(UW-Madison Staff have access)

Visualizing data visualisingdata.com

FlowingData flowingdata.com

The functional art thefunctionalart.com

What’s Going On in This Graph? NY Times www.nytimes.com/column/whats-going-on-in-this-graph

Data Stories podcast datastori.es

Page 56: Data Visualizations & Infographics

(some) Books I likeThe Functional Art: An introduction to information graphics and visualization by Alberto Cairo

Design for Information: An Introduction to the Histories, Theories, and Best Practices Behind Effective Information Visualizationby Isabel Meirelles

Designing Data Visualizations: Representing Informational Relationshipsby Noah Iliinsky and Julie Steele

Data Points: Visualization That Means Somethingby Nathan Yau

Page 57: Data Visualizations & Infographics

(some) Tools, and impact on process

Page 58: Data Visualizations & Infographics

Excel

Page 59: Data Visualizations & Infographics

Google Fusion Tables

Page 60: Data Visualizations & Infographics
Page 61: Data Visualizations & Infographics