data visualizations & infographics
TRANSCRIPT
![Page 1: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/1.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/2.jpg)
• 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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/3.jpg)
![Page 4: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/4.jpg)
http://media.nbcchicago.com/images/1200*900/Fox's+Pie+Chart.jpg
![Page 5: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/5.jpg)
Why visualize data?
![Page 6: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/6.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/7.jpg)
![Page 8: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/8.jpg)
How visualizations work (the basics)
![Page 9: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/9.jpg)
Human Eye-Brain System
![Page 10: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/10.jpg)
http://commons.wikimedia.org/wiki/File:Corgi_puppy.png
Abstraction & Emotion
![Page 12: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/12.jpg)
Visualization and Infographic design
Some highlights
![Page 13: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/13.jpg)
Telling a story with data
Insights
Message
Context
Source
Audience
Impact?
Truth
Clarity
Editing
Take-away?
![Page 14: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/14.jpg)
Visualization and/or Infographic?
Algorithm Human
Repeatable One-off
Present data Present a message
Insight Information
![Page 15: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/15.jpg)
zendesk.com: Monica Norton
![Page 16: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/16.jpg)
New York Times, March 15, 2014
![Page 17: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/17.jpg)
![Page 18: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/18.jpg)
http://speakingppt.com/2011/05/09/does-chartjunk-really-trash-your-graphs-4-discoveries-from-research/
![Page 19: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/19.jpg)
Models re: how and why Visualization made
![Page 20: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/20.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/21.jpg)
![Page 22: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/22.jpg)
Card, et al -- Modified
![Page 23: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/23.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/24.jpg)
Visual Structure
![Page 25: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/25.jpg)
![Page 26: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/26.jpg)
Chart chooser
A starting point
http://labs.juiceanalytics.com/chartchooser/index.html
Juice Analytics
![Page 27: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/27.jpg)
Structured Data à Visual Structure
![Page 28: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/28.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/29.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/30.jpg)
Parts àWhole Connections
Movement/Flow1
2
3a3b
Location
![Page 31: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/31.jpg)
Deconstruct Data Visualization Examples
![Page 32: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/32.jpg)
Example: UW-Madison Enrollments
![Page 33: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/33.jpg)
![Page 34: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/34.jpg)
![Page 35: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/35.jpg)
![Page 36: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/36.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/37.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/38.jpg)
Visualization Design
![Page 39: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/39.jpg)
Visual Hierarchy
!!! Read this First !!!Then read this
And then maybe read this
![Page 40: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/40.jpg)
Dimensions of Complexity
![Page 41: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/41.jpg)
Design matters
![Page 42: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/42.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/43.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/44.jpg)
Data Collection & Classification
![Page 45: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/45.jpg)
What data collected? (or left out?)
What’s your favorite color?RedBlueYellow
What’s your favorite color?
![Page 46: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/46.jpg)
Classification
![Page 47: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/47.jpg)
![Page 48: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/48.jpg)
![Page 49: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/49.jpg)
Wizard of OzDialog
https://mapr.com/blog/driving-insights-network-graphs/
Contributed by Joseph Blue
![Page 50: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/50.jpg)
All Occupations by Education:Income
![Page 51: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/51.jpg)
![Page 52: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/52.jpg)
![Page 53: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/53.jpg)
![Page 54: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/54.jpg)
Most data visualizations….Quantity, RankingPresence/absenceCategoriesPoints in time, changes over timeRelationships, connectionsLocations
Alone or in combinations
![Page 55: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/55.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/56.jpg)
(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](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/57.jpg)
(some) Tools, and impact on process
![Page 58: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/58.jpg)
Excel
![Page 59: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/59.jpg)
Google Fusion Tables
![Page 60: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/60.jpg)
![Page 61: Data Visualizations & Infographics](https://reader030.vdocuments.us/reader030/viewer/2022012808/61bd91613d977422277a015a/html5/thumbnails/61.jpg)