design dms made simple - harold b. lee library · “every bit of ink on a graphic requires a...
TRANSCRIPT
designmade
simpleDMS
DATAPart One:
DMS1. Definitions2. Concepts3. Practice
DMS1. Definitions2. Concepts3. Practice
Data Visualization
the creation and study of the visual representation of data
Data Visualization
two types:exploratoryexpository
ExploratoryData Visualization
Uses:tools for statistical analysisdashboards for manipulating datae.g. Tableau
In order to:explore the datadiscover meaning in it
ExpositoryData Visualization
Uses:tools for creating documents, slides, spreadsheets, web pages, graphic design, etc.
In order to:communicate meaning
$104
20162015
What’s Gone Wrong with Disney?
201420132012 2017
?
30,807
22,864
14,378
8,907
6,817
5,1915,3584,492 4,548 4,553 4,524 4,124
2011 2012 2013 2014 2015 2016
Camcorders haven’t crashedlike Cameras
(sales in thousands of units)
2000 20152005 2010
288,732
558,431
15 Years of Circulation Statistics at BYU
head appeal=precision
heart appeal=impact
Chris JordanSkull With Cigarette2007 98x72"
Depicts 200,000 packs of cigarettes, equal to the number of Americans who die from cigarette smoking every six months. Based on a painting by Van Gogh.http://www.chrisjordan.com/gallery/rtn/#skull-with-cigarette
this webinar IS: this webinar is NOT:
ExpositoryData Visualization
ExploratoryData Visualization
this webinar IS: this webinar is NOT:
DMS1. Definitions2. Concepts3. Practice
MOREis
Less
Simplicitytakes
WORK
I apologize for the length of this letter. I didn’t have time to write a shorter one.
- Blaise Pascal
Effective Communication1. Precision2. Concision
Two Keys
PrecisionEnough informationto discourage false assumptions
ConcisionNo bloatthat might obscure the message
Precision + Concision
= Simplicity
Precision + Concision
= User-friendly communication
Precision + Concision
= Credibility
The 5 Second Rule
Count the dots
Why is this . . .
= 9
. . . or this . . .
= 9
. . . easier than this?
= 9
preattentivevisual
perception
Proximity
Count the triangles
preattentivevisual
perception
ProximityShape
Count the octagons
Count the octagons
preattentivevisual
perception
ProximityShapeColor
Count the octagons
preattentivevisual
perception
ProximityShapeColorSize
preattentivevisual
perception
ProximityShapeColorSizeLength
preattentivevisual
perception
ProximityShapeColorSizeLengthWeight
preattentivevisual
perception
ProximityShapeColorSizeLengthWeightEnclosure
DMS1. Definitions2. Concepts3. Practice
Even tablesdeserve to be beautiful.
How to Make Your Spreadsheets Less Lame
(sort of)
by Joshua Johnsonhttps://designshack.net/articles/graphics/how-to-make-your-spreadsheets-less-lame/
Data
Meaning
Story
The Method
break it downbuild it up
The Method
“Data looks better naked.”
– Joey Cherdarchuk
13,230
16,792
17,568
4,582
5,318
28,512
13,788
57,937
21,008
8,338 4,894
Checkouts by LC Class
Religion
History
Social Sciences
Political Science
Education
Music
Art
Literature
Science
Medicine
Engineering
Three Reasons Why Pie Charts Fail
Too many categories!
13,230
16,792
27,468
100,237
34,240
Checkouts by LC Class
Religion
History
Social Sciences
Humanities
Science
Three Reasons Why Pie Charts Fail
Too many categories!
13,230
16,792
27,468
100,237
34,240
Checkouts by LC Class
Religion
History
Social Sciences
Humanities
Science
Three Reasons Why Pie Charts Fail
Too many categories!Poor organization
100,237
34,240
27,468
16,792
13,230
Checkouts by LC Class
Humanities
Science
Social Sciences
History
Religion
Three Reasons Why Pie Charts Fail
Too many categories!Poor organization
• Start at 12:00 and move clockwise• Order things logically
100,237
34,240
27,468
16,792
13,230
Checkouts by LC Class
Humanities
Science
Social Sciences
History
Religion
Three Reasons Why Pie Charts Fail
Too many categories!Poor organizationBut what is your purpose?
• To compare a part to the whole?• To compare parts to each other?
Humanities100,237
Science34,240
Social Science27,468
Religion13,230
History accounts for 9% of checkouts (16,792 of 191,967)
Three Reasons Why Pie Charts Fail
Too many categories!Poor organizationBut what is your purpose?
• To compare a part to the whole?
100,237
34,240
27,468
16,792
13,230
Humanities
Science
Social Sciences
History
Religion
Checkouts: Science vs. Social Science
Three Reasons Why Pie Charts Fail
Too many categories!Poor organizationBut what is your purpose?
• To compare a part to the whole?• To compare parts to each other?
“Every bit of ink on a graphic requires a reason. And nearly always that reason should be that the ink presents new information.”
Edward R. Tufte’sData-to-Ink Ratio
There still aren’t as many jobs as there were before the recession.
What’s your story?
A line graph shows trends over time.
1. Select a graph
80.0
85.0
90.0
95.0
100.0
105.0
110.0
115.0
2006
-01-
0120
06-0
4-01
2006
-07-
0120
06-1
0-01
2007
-01-
0120
07-0
4-01
2007
-07-
0120
07-1
0-01
2008
-01-
0120
08-0
4-01
2008
-07-
0120
08-1
0-01
2009
-01-
0120
09-0
4-01
2009
-07-
0120
09-1
0-01
2010
-01-
0120
10-0
4-01
2010
-07-
0120
10-1
0-01
2011
-01-
0120
11-0
4-01
2011
-07-
0120
11-1
0-01
2012
-01-
0120
12-0
4-01
2012
-07-
0120
12-1
0-01
2013
-01-
0120
13-0
4-01
2013
-07-
0120
13-1
0-01
2014
-01-
0120
14-0
4-01
2014
-07-
0120
14-1
0-01
2015
-01-
0120
15-0
4-01
2015
-07-
0120
15-1
0-01
2016
-01-
01
Economic Indexes Since 2006
GDP per capita Employed Portion of Population Disposable Personal Income Homeownership Rate
Men have become the tools of their tools.
-Henry David Thoreau
Interruption
start at zero unless you have an ethical reason not to
80.0
85.0
90.0
95.0
100.0
105.0
110.0
115.0
2006
-01-
0120
06-0
4-01
2006
-07-
0120
06-1
0-01
2007
-01-
0120
07-0
4-01
2007
-07-
0120
07-1
0-01
2008
-01-
0120
08-0
4-01
2008
-07-
0120
08-1
0-01
2009
-01-
0120
09-0
4-01
2009
-07-
0120
09-1
0-01
2010
-01-
0120
10-0
4-01
2010
-07-
0120
10-1
0-01
2011
-01-
0120
11-0
4-01
2011
-07-
0120
11-1
0-01
2012
-01-
0120
12-0
4-01
2012
-07-
0120
12-1
0-01
2013
-01-
0120
13-0
4-01
2013
-07-
0120
13-1
0-01
2014
-01-
0120
14-0
4-01
2014
-07-
0120
14-1
0-01
2015
-01-
0120
15-0
4-01
2015
-07-
0120
15-1
0-01
2016
-01-
01
Economic Indexes Since 2006
GDP per capita Employed Portion of Population Disposable Personal Income Homeownership Rate
2. Cut the clutter
80.0
85.0
90.0
95.0
100.0
105.0
110.0
115.0
2006
-01-
0120
06-0
4-01
2006
-07-
0120
06-1
0-01
2007
-01-
0120
07-0
4-01
2007
-07-
0120
07-1
0-01
2008
-01-
0120
08-0
4-01
2008
-07-
0120
08-1
0-01
2009
-01-
0120
09-0
4-01
2009
-07-
0120
09-1
0-01
2010
-01-
0120
10-0
4-01
2010
-07-
0120
10-1
0-01
2011
-01-
0120
11-0
4-01
2011
-07-
0120
11-1
0-01
2012
-01-
0120
12-0
4-01
2012
-07-
0120
12-1
0-01
2013
-01-
0120
13-0
4-01
2013
-07-
0120
13-1
0-01
2014
-01-
0120
14-0
4-01
2014
-07-
0120
14-1
0-01
2015
-01-
0120
15-0
4-01
2015
-07-
0120
15-1
0-01
2016
-01-
01
Economic Indexes Since 2006
GDP per capita Employed Portion of Population Disposable Personal Income Homeownership Rate
80.0
85.0
90.0
95.0
100.0
105.0
110.0
115.0
2006
-01-
0120
06-0
4-01
2006
-07-
0120
06-1
0-01
2007
-01-
0120
07-0
4-01
2007
-07-
0120
07-1
0-01
2008
-01-
0120
08-0
4-01
2008
-07-
0120
08-1
0-01
2009
-01-
0120
09-0
4-01
2009
-07-
0120
09-1
0-01
2010
-01-
0120
10-0
4-01
2010
-07-
0120
10-1
0-01
2011
-01-
0120
11-0
4-01
2011
-07-
0120
11-1
0-01
2012
-01-
0120
12-0
4-01
2012
-07-
0120
12-1
0-01
2013
-01-
0120
13-0
4-01
2013
-07-
0120
13-1
0-01
2014
-01-
0120
14-0
4-01
2014
-07-
0120
14-1
0-01
2015
-01-
0120
15-0
4-01
2015
-07-
0120
15-1
0-01
2016
-01-
01
Economic Indexes Since 2006
GDP per capita Employed Portion of Population Disposable Personal Income Homeownership Rate
80.0
85.0
90.0
95.0
100.0
105.0
110.0
115.0
2006
-01-
0120
06-0
4-01
2006
-07-
0120
06-1
0-01
2007
-01-
0120
07-0
4-01
2007
-07-
0120
07-1
0-01
2008
-01-
0120
08-0
4-01
2008
-07-
0120
08-1
0-01
2009
-01-
0120
09-0
4-01
2009
-07-
0120
09-1
0-01
2010
-01-
0120
10-0
4-01
2010
-07-
0120
10-1
0-01
2011
-01-
0120
11-0
4-01
2011
-07-
0120
11-1
0-01
2012
-01-
0120
12-0
4-01
2012
-07-
0120
12-1
0-01
2013
-01-
0120
13-0
4-01
2013
-07-
0120
13-1
0-01
2014
-01-
0120
14-0
4-01
2014
-07-
0120
14-1
0-01
2015
-01-
0120
15-0
4-01
2015
-07-
0120
15-1
0-01
2016
-01-
01
Economic Indexes Since 2006
GDP per capita Employed Portion of Population Disposable Personal Income Homeownership Rate
80.0
85.0
90.0
95.0
100.0
105.0
110.0
115.0
2006
-01-
0120
06-0
4-01
2006
-07-
0120
06-1
0-01
2007
-01-
0120
07-0
4-01
2007
-07-
0120
07-1
0-01
2008
-01-
0120
08-0
4-01
2008
-07-
0120
08-1
0-01
2009
-01-
0120
09-0
4-01
2009
-07-
0120
09-1
0-01
2010
-01-
0120
10-0
4-01
2010
-07-
0120
10-1
0-01
2011
-01-
0120
11-0
4-01
2011
-07-
0120
11-1
0-01
2012
-01-
0120
12-0
4-01
2012
-07-
0120
12-1
0-01
2013
-01-
0120
13-0
4-01
2013
-07-
0120
13-1
0-01
2014
-01-
0120
14-0
4-01
2014
-07-
0120
14-1
0-01
2015
-01-
0120
15-0
4-01
2015
-07-
0120
15-1
0-01
2016
-01-
01
Economic Indexes Since 2006
GDP per capita Employed Portion of Population Disposable Personal Income Homeownership Rate
80.0
85.0
90.0
95.0
100.0
105.0
110.0
115.0
2006
-01-
0120
06-0
4-01
2006
-07-
0120
06-1
0-01
2007
-01-
0120
07-0
4-01
2007
-07-
0120
07-1
0-01
2008
-01-
0120
08-0
4-01
2008
-07-
0120
08-1
0-01
2009
-01-
0120
09-0
4-01
2009
-07-
0120
09-1
0-01
2010
-01-
0120
10-0
4-01
2010
-07-
0120
10-1
0-01
2011
-01-
0120
11-0
4-01
2011
-07-
0120
11-1
0-01
2012
-01-
0120
12-0
4-01
2012
-07-
0120
12-1
0-01
2013
-01-
0120
13-0
4-01
2013
-07-
0120
13-1
0-01
2014
-01-
0120
14-0
4-01
2014
-07-
0120
14-1
0-01
2015
-01-
0120
15-0
4-01
2015
-07-
0120
15-1
0-01
2016
-01-
01
Economic Indexes Since 2006
GDP per capita Employed Portion of Population Disposable Personal Income Homeownership Rate
80.0
85.0
90.0
95.0
100.0
105.0
110.0
115.0
2006
-01-
0120
06-0
4-01
2006
-07-
0120
06-1
0-01
2007
-01-
0120
07-0
4-01
2007
-07-
0120
07-1
0-01
2008
-01-
0120
08-0
4-01
2008
-07-
0120
08-1
0-01
2009
-01-
0120
09-0
4-01
2009
-07-
0120
09-1
0-01
2010
-01-
0120
10-0
4-01
2010
-07-
0120
10-1
0-01
2011
-01-
0120
11-0
4-01
2011
-07-
0120
11-1
0-01
2012
-01-
0120
12-0
4-01
2012
-07-
0120
12-1
0-01
2013
-01-
0120
13-0
4-01
2013
-07-
0120
13-1
0-01
2014
-01-
0120
14-0
4-01
2014
-07-
0120
14-1
0-01
2015
-01-
0120
15-0
4-01
2015
-07-
0120
15-1
0-01
2016
-01-
01
Economic Indexes Since 2006
GDP per capita Employed Portion of Population Disposable Personal Income Homeownership Rate
80.0
85.0
90.0
95.0
100.0
105.0
110.0
115.0
2006
-01-
0120
06-0
4-01
2006
-07-
0120
06-1
0-01
2007
-01-
0120
07-0
4-01
2007
-07-
0120
07-1
0-01
2008
-01-
0120
08-0
4-01
2008
-07-
0120
08-1
0-01
2009
-01-
0120
09-0
4-01
2009
-07-
0120
09-1
0-01
2010
-01-
0120
10-0
4-01
2010
-07-
0120
10-1
0-01
2011
-01-
0120
11-0
4-01
2011
-07-
0120
11-1
0-01
2012
-01-
0120
12-0
4-01
2012
-07-
0120
12-1
0-01
2013
-01-
0120
13-0
4-01
2013
-07-
0120
13-1
0-01
2014
-01-
0120
14-0
4-01
2014
-07-
0120
14-1
0-01
2015
-01-
0120
15-0
4-01
2015
-07-
0120
15-1
0-01
2016
-01-
01
Economic Indexes Since 2006
GDP per capita Employed Portion of Population Disposable Personal Income Homeownership Rate
Interruption
avoid vertical text
it’s hard to read
Interruption
horizontal is still better
80.0
85.0
90.0
95.0
100.0
105.0
110.0
115.0
2006
-01-
0120
06-0
4-01
2006
-07-
0120
06-1
0-01
2007
-01-
0120
07-0
4-01
2007
-07-
0120
07-1
0-01
2008
-01-
0120
08-0
4-01
2008
-07-
0120
08-1
0-01
2009
-01-
0120
09-0
4-01
2009
-07-
0120
09-1
0-01
2010
-01-
0120
10-0
4-01
2010
-07-
0120
10-1
0-01
2011
-01-
0120
11-0
4-01
2011
-07-
0120
11-1
0-01
2012
-01-
0120
12-0
4-01
2012
-07-
0120
12-1
0-01
2013
-01-
0120
13-0
4-01
2013
-07-
0120
13-1
0-01
2014
-01-
0120
14-0
4-01
2014
-07-
0120
14-1
0-01
2015
-01-
0120
15-0
4-01
2015
-07-
0120
15-1
0-01
2016
-01-
01
Economic Indexes Since 2006
GDP per capita Employed Portion of Population Disposable Personal Income Homeownership Rate
85
90
95
100
105
110
115
2006 2008 2010 2012 2014 2016
Economic Indexes Since 2006
GDP per capita Employed Portion of Population Disposable Personal Income Homeownership Rate
85
90
95
100
105
110
115
2006 2008 2010 2012 2014 2016
2006 2008 2010 2012 2014 2016
3. Focus attention
2006 2008 2010 2012 2014 2016
2006 2008 2010 2012 2014 2016
Employment Rate
GDP
Disposable Income
Homeownership
Employment Rate95%
GDP 104%
Disposable Income109%
Homeownership93%
2006 2008 2010 2012 2014 2016
Employment Rate95%
GDP 104%
Disposable Income109%
Homeownership93%
2006 2008 2010 2012 2014 2016
Employment Rate95%
GDP 104%
Disposable Income109%
Homeownership93%
2006 2008 2010 2012 2014 2016
A Jobless Recovery
80.0
85.0
90.0
95.0
100.0
105.0
110.0
115.0
2006
-01-
0120
06-0
4-01
2006
-07-
0120
06-1
0-01
2007
-01-
0120
07-0
4-01
2007
-07-
0120
07-1
0-01
2008
-01-
0120
08-0
4-01
2008
-07-
0120
08-1
0-01
2009
-01-
0120
09-0
4-01
2009
-07-
0120
09-1
0-01
2010
-01-
0120
10-0
4-01
2010
-07-
0120
10-1
0-01
2011
-01-
0120
11-0
4-01
2011
-07-
0120
11-1
0-01
2012
-01-
0120
12-0
4-01
2012
-07-
0120
12-1
0-01
2013
-01-
0120
13-0
4-01
2013
-07-
0120
13-1
0-01
2014
-01-
0120
14-0
4-01
2014
-07-
0120
14-1
0-01
2015
-01-
0120
15-0
4-01
2015
-07-
0120
15-1
0-01
2016
-01-
01
Economic Indexes Since 2006
GDP per capita Employed Portion of Population Disposable Personal Income Homeownership Rate
Employment Rate95%
GDP 104%
Homeownership93%
2006 2008 2010 2012 2014 2016
Homeownership follows Jobs, not GDP
1. Select a graph
2. Cut the clutter
3. Focus attention
What’s your story?
Andy SpackmanBusiness and Communications Librarian
Instructor, Management Communications
Brigham Young University
Resources
Darkhorse Analytics:http://www.darkhorseanalytics.com/blog/data-looks-better-nakedhttp://www.darkhorseanalytics.com/blog/clear-off-the-table
Simplifying Data CommunicationMCom 320 tutorial for charts and tables in Google Sheets: http://tinyurl.com/MComData
Visage’s guide to chart and graph design: http://www.slideshare.net/Visage/data-visualization-101-how-to-design-chartsandgraphs
Scott Berinato. Good Charts.Harvard Business Review Press, 2016.
Cole Nussbaumer Knaflic. Storytelling with Data.Wiley, 2015.
Andrew V. Abela’s Chart of Chart Types:http://extremepresentation.typepad.com/files/choosing-a-good-chart-09.pdf(Be careful with some of these chart types)
Tools Canva https://www.canva.com/
easel.ly https://www.easel.ly/
Piktochart https://piktochart.com/
infogr.am https://infogr.am/
Visme https://www.visme.co/
Venngage https://venngage.com/
Inspiration 13 Scientific Reasons You Crave Infographics:http://www.visualcapitalist.com/13-scientific-reasons-infographics/
Visually Examples of infographics: http://visual.ly/
David McCandless https://youtu.be/5Zg-C8AAIGg
Chris Jordan https://youtu.be/f09lQ8Q1iKE