How to Create
Infographics
Using Pictures to Communicate
Em Srikulwong, PhD
13 Reasons Why
Your Brain
Crave Infographics
http://neomam.com/interactive/13reasons/
Design is about making
communication as easy and
clear for the viewers as
possible.
- Garr Reynolds
Infographic Anatomy
Information
Visual
Learning
Graphic
Design
[Smiciklas, 2011]
Setting
ObjectivesPurpose
Audiences
Schedule
Decide on
Budget Data
Labor Time
Top 9 Types of Infographics
https://venngage.com/blog/9-types-of-infographic-template/
Statistical Informational Timeline
Process GeographicComparison
Hierarchical Resume Chart Centric
+ Mixed type
Two Steps
Contents Techniques
Step
Contents
HOW Exactly?
Use Symbol and Metaphor
Heavy Rain
History /
Progress
90%
HOW Exactly? Use Elements
Numeric Data -> Graph (Line, Area,
Pie, Radar, Bar)
Process -> Flowchart, Cycle,
Timeline
Relationship -> Gears Formula,
Venn, Chart, Matrix
HOW Exactly? Use Pictures
http://www.columnfivemedia.com/work-items/infographic-cigarette-taxes-in-photos
Examples
Formula
Graphic
symbols
[Smiciklas, 2011]
Examples of InfoG Resume
AjT Resumes
[re.vu]
Area Proportion
Be Accurate with Information
Visualising "area" must match the "size"
of data (area = height) -> you need to
understand geometry.
50% 50%
/
1 Mil
3 Mil
3 Mil
Radius 0.5"
Area = 0.79 in
Radius 0.6"
Area = 1.13 in
2
2 2
Radius 0.87"
Area = 2.36 in
What Else?
The five-second rule
Tell one story well
What Else?
Big Fonts are not data visualisations
Remember to use pictures/symbols with your words
China 1,163 Billion
Japan 357 Billion
US 331 Billion
Indonesia 259 Billion
Russia 239 Billion
What Else?
Eliminate Chart Legends
Male Female
Be Data Transparent
Use trusted data sources and Give
credits, e.g.
factbrowser.com
internetworldstats.com
www-958.ibm.com/software/analytics/manyeyes/
quantcast.com
wolframalpha.com
Don't Forget the Final Touch
http://www.coolinfographics.com/blog/2012/3/16/client-infographic-streamlining-your-digital-life-with-the-n.html
Company
Logo
Source
CC
License
Company
URL
Designer
Workshop on Contents
Purpose Audiences
Priority of
Information
Information
Extraction
Step
Techniques
https://www.slideshare.net/mayureesrikulwong/
presentation-techniques-in-thai
Workshop on Techniques
Draft Layout on Paper
Map Information by
Priority
DO IT!!
Free Tools
www.inkscape.org
www.statsilk.com/
software/
statplanet
www.gimp.org
www.chartle.net
www.diagram.ly
www.diychart.com
charts.hohli.com
www.wordle.net
www-958.ibm.com/
software/analytics/
manyeyes/
Online
Desktop
Design Sites & Elements
canva.com
easel.ly
Infogr.am
piktochart.com
visual.ly
flaticon.com
thenounproject.com
openclipart.org
freepix.com
Elements
Design Sites
Inspiration
visual.ly
columnfivemedia.com
coolinfographics.com
dailyinfographic.com
informationisbeautiful.net
boostlabs.com
jess3.com
canva.com
pinterest.com
References
Krum, R. 2014. Cool Infographics: Effective
Communication with Data Visualization and
Design. Wiley, IN, USA.
Smiciklas, M. 2011. The Power of Infographics.
Que, Indiana, USA.
www.thenounproject.com
www.flaticon.com
http://www.oja.go.th/th/dt_gallery/infographic/
http://infographic.in.th
Attribution - Non Commercial - No Derivatives
http://www.slideshare.net/mayureesrikulwong

How to create static infographics