D1 11.55 IT 08a The art and science of great infographics KatiePeek 130514 WW
May 14-15, 2014 | ICC ExCel, London Learn more at summit.adobe.com/emea #AdobeSummit
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
#AdobeSummit | @kathrynpeek
The Art and Science of Great Infographics Katie Peek, Ph.D. | Information Editor, Popular Science
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
#AdobeSummit | @kathrynpeek
Agenda
1 | Data visualisation at Popular Science 2 | Why visualise? 3 | Chart types, or, a brief history of chart-making 4 | Information graphics best practices 5 | Tools that make charts easy © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
3
#AdobeSummit | @kathrynpeek
Popular Science magazine
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
4
#AdobeSummit | @kathrynpeek
Print graphics in Popular Science The Search for Other Earths Popular Science February 2014
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
5
#AdobeSummit | @kathrynpeek
Print graphics in Popular Science The Life Cycle of Ideas Popular Science May 2014
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
6
#AdobeSummit | @kathrynpeek
Print graphics in Popular Science Water: War & Peace Popular Science June 2014
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
7
#AdobeSummit | @kathrynpeek
Print graphics in Popular Science Year In Ideas Popular Science January 2014
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
8
#AdobeSummit | @kathrynpeek
Agenda
1 | Data visualisation at Popular Science 2 | Why visualise? 3 | Chart types, or, a brief history of chart-making 4 | Information graphics best practices 5 | Tools that make charts easy © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
9
#AdobeSummit | @kathrynpeek
We visualise data to understand it better and to share it with others.
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
10
#AdobeSummit | @kathrynpeek
A table does the job but isn’t particularly memorable.
Data from Statistics New Zealand; Falkland Islands Census Bureau & Dept. of Agriculture; Office for National Statistics © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
11
#AdobeSummit | @kathrynpeek
A graphic version is more likely to stick with a reader.
Data from Statistics New Zealand; Falkland Islands Census Bureau & Dept. of Agriculture; Office for National Statistics © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
12
#AdobeSummit | @kathrynpeek
Charts are the building blocks of infographics.
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
13
#AdobeSummit | @kathrynpeek
Charts have a home on the magazine page— Year In Ideas Popular Science January 2014
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
14
#AdobeSummit | @kathrynpeek
—and in standalone, sharable graphics.
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
15
#AdobeSummit | @kathrynpeek
Agenda
1 | Data visualisation at Popular Science 2 | Why visualise? 3 | Chart types, or, a brief history of chart-making 4 | Information graphics best practices 5 | Tools that make charts easy © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
16
#AdobeSummit | @kathrynpeek
The Pie Chart: William Playfair
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
17
#AdobeSummit | @kathrynpeek
The Bar Chart: Also William Playfair
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
18
#AdobeSummit | @kathrynpeek
Area charts The Scale: Fecundity Popular Science December 2013
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
19
#AdobeSummit | @kathrynpeek
Florence Nightingale’s Polar-Area Diagram
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
20
#AdobeSummit | @kathrynpeek
Agenda
1 | Data visualisation at Popular Science 2 | Why visualise? 3 | Chart types, or, a brief history of chart-making 4 | Information graphics best practices 5 | Tools that make charts easy © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
21
#AdobeSummit | @kathrynpeek
A good graphic is engaging, honest, and intuitive. And it tells a story.
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
22
#AdobeSummit | @kathrynpeek
World’s Deadliest Animals: A graphic with an agenda
Graphic from Bill Gates’s blog, gatesnotes.com © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
23
#AdobeSummit | @kathrynpeek
World’s Deadliest Animals: A graphic with an agenda
Graphic from gatesnotes.com © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
24
#AdobeSummit | @kathrynpeek
The Deadliest Animals, pie chart version
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
25
#AdobeSummit | @kathrynpeek
Good pies
Compare only a very few numbers
Lie flat (in 2D)
Add to a meaningful whole
Include labels
Are circles, rather than rings
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
26
#AdobeSummit | @kathrynpeek
The Deadliest Animals, bar chart version
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
27
#AdobeSummit | @kathrynpeek
Good bars
Compare numbers within a reasonable range
Lie flat (in 2D)
Include zero
Include axis labels
Run sideways so the labels fit better
Order their entries logically
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
28
#AdobeSummit | @kathrynpeek
The Deadliest Animals, area chart version
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
29
#AdobeSummit | @kathrynpeek
Good areas
Are a bit of a last resort
Lie flat (in 2D)
Include labels
Use rectangles where possible
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
30
#AdobeSummit | @kathrynpeek
Agenda
1 | Data visualisation at Popular Science 2 | Why visualise? 3 | Chart types, or, a brief history of chart-making 4 | Information graphics best practices 5 | Tools that make charts easy © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
31
#AdobeSummit | @kathrynpeek
Make your own charts: Infogr.am
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
32
#AdobeSummit | @kathrynpeek
Make your own charts: Datawrapper.de
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
33
#AdobeSummit | @kathrynpeek
A few intermediate-level tools Many Eyes
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Tableau
ColorBrewer
34
#AdobeSummit | @kathrynpeek
Key Takeaways
1
Make numbers memorable by making them visual.
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
2
The data will dictate the best chart style.
35
3
Even little charts can take a lot of time.
#AdobeSummit | @kathrynpeek
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
#AdobeSummit | @kathrynpeek
Questions and Answers
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
37
#AdobeSummit | @kathrynpeek
Go HERE, do THIS, and you could WIN!
Download the App Every Session
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Give us feedback
Win a MeCam
Win an iPad Air
Just hit the survey button
Eight to win
Complete 8 surveys to enter the prize draw
It takes less than a minute
Record every minute
#AdobeSummit | @kathrynpeek
May 14-15, 2014 | ICC ExCel, London Learn more at summit.adobe.com/emea #AdobeSummit
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
#AdobeSummit | @kathrynpeek
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
#AdobeSummit | @kathrynpeek
The Art and Science of Great Infographics Katie Peek, Ph.D. | Information Editor, Popular Science
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
#AdobeSummit | @kathrynpeek
Agenda
1 | Data visualisation at Popular Science 2 | Why visualise? 3 | Chart types, or, a brief history of chart-making 4 | Information graphics best practices 5 | Tools that make charts easy © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
3
#AdobeSummit | @kathrynpeek
Popular Science magazine
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
4
#AdobeSummit | @kathrynpeek
Print graphics in Popular Science The Search for Other Earths Popular Science February 2014
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
5
#AdobeSummit | @kathrynpeek
Print graphics in Popular Science The Life Cycle of Ideas Popular Science May 2014
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
6
#AdobeSummit | @kathrynpeek
Print graphics in Popular Science Water: War & Peace Popular Science June 2014
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
7
#AdobeSummit | @kathrynpeek
Print graphics in Popular Science Year In Ideas Popular Science January 2014
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
8
#AdobeSummit | @kathrynpeek
Agenda
1 | Data visualisation at Popular Science 2 | Why visualise? 3 | Chart types, or, a brief history of chart-making 4 | Information graphics best practices 5 | Tools that make charts easy © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
9
#AdobeSummit | @kathrynpeek
We visualise data to understand it better and to share it with others.
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
10
#AdobeSummit | @kathrynpeek
A table does the job but isn’t particularly memorable.
Data from Statistics New Zealand; Falkland Islands Census Bureau & Dept. of Agriculture; Office for National Statistics © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
11
#AdobeSummit | @kathrynpeek
A graphic version is more likely to stick with a reader.
Data from Statistics New Zealand; Falkland Islands Census Bureau & Dept. of Agriculture; Office for National Statistics © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
12
#AdobeSummit | @kathrynpeek
Charts are the building blocks of infographics.
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
13
#AdobeSummit | @kathrynpeek
Charts have a home on the magazine page— Year In Ideas Popular Science January 2014
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
14
#AdobeSummit | @kathrynpeek
—and in standalone, sharable graphics.
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
15
#AdobeSummit | @kathrynpeek
Agenda
1 | Data visualisation at Popular Science 2 | Why visualise? 3 | Chart types, or, a brief history of chart-making 4 | Information graphics best practices 5 | Tools that make charts easy © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
16
#AdobeSummit | @kathrynpeek
The Pie Chart: William Playfair
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
17
#AdobeSummit | @kathrynpeek
The Bar Chart: Also William Playfair
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
18
#AdobeSummit | @kathrynpeek
Area charts The Scale: Fecundity Popular Science December 2013
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
19
#AdobeSummit | @kathrynpeek
Florence Nightingale’s Polar-Area Diagram
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
20
#AdobeSummit | @kathrynpeek
Agenda
1 | Data visualisation at Popular Science 2 | Why visualise? 3 | Chart types, or, a brief history of chart-making 4 | Information graphics best practices 5 | Tools that make charts easy © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
21
#AdobeSummit | @kathrynpeek
A good graphic is engaging, honest, and intuitive. And it tells a story.
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
22
#AdobeSummit | @kathrynpeek
World’s Deadliest Animals: A graphic with an agenda
Graphic from Bill Gates’s blog, gatesnotes.com © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
23
#AdobeSummit | @kathrynpeek
World’s Deadliest Animals: A graphic with an agenda
Graphic from gatesnotes.com © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
24
#AdobeSummit | @kathrynpeek
The Deadliest Animals, pie chart version
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
25
#AdobeSummit | @kathrynpeek
Good pies
Compare only a very few numbers
Lie flat (in 2D)
Add to a meaningful whole
Include labels
Are circles, rather than rings
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
26
#AdobeSummit | @kathrynpeek
The Deadliest Animals, bar chart version
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
27
#AdobeSummit | @kathrynpeek
Good bars
Compare numbers within a reasonable range
Lie flat (in 2D)
Include zero
Include axis labels
Run sideways so the labels fit better
Order their entries logically
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
28
#AdobeSummit | @kathrynpeek
The Deadliest Animals, area chart version
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
29
#AdobeSummit | @kathrynpeek
Good areas
Are a bit of a last resort
Lie flat (in 2D)
Include labels
Use rectangles where possible
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
30
#AdobeSummit | @kathrynpeek
Agenda
1 | Data visualisation at Popular Science 2 | Why visualise? 3 | Chart types, or, a brief history of chart-making 4 | Information graphics best practices 5 | Tools that make charts easy © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
31
#AdobeSummit | @kathrynpeek
Make your own charts: Infogr.am
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
32
#AdobeSummit | @kathrynpeek
Make your own charts: Datawrapper.de
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
33
#AdobeSummit | @kathrynpeek
A few intermediate-level tools Many Eyes
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Tableau
ColorBrewer
34
#AdobeSummit | @kathrynpeek
Key Takeaways
1
Make numbers memorable by making them visual.
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
2
The data will dictate the best chart style.
35
3
Even little charts can take a lot of time.
#AdobeSummit | @kathrynpeek
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
#AdobeSummit | @kathrynpeek
Questions and Answers
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
37
#AdobeSummit | @kathrynpeek
Go HERE, do THIS, and you could WIN!
Download the App Every Session
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Give us feedback
Win a MeCam
Win an iPad Air
Just hit the survey button
Eight to win
Complete 8 surveys to enter the prize draw
It takes less than a minute
Record every minute
#AdobeSummit | @kathrynpeek
May 14-15, 2014 | ICC ExCel, London Learn more at summit.adobe.com/emea #AdobeSummit
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
#AdobeSummit | @kathrynpeek
