Tips and techniques on how to create infographics, including links to free tools Created Feb 5, 2015 Updated Sep 13, 2017

1. How to Create
Infographics
Using Pictures to Communicate
Em Srikulwong, PhD

2. 13 Reasons Why
Your Brain
Crave Infographics
http://neomam.com/interactive/13reasons/

3. Design is about making
communication as easy and
clear for the viewers as
possible.
- Garr Reynolds

4. Infographic Anatomy
Information
Visual
Learning
Graphic
Design
[Smiciklas, 2011]

5. Setting
ObjectivesPurpose
Audiences
Schedule

6. Decide on
Budget Data
Labor Time

7. 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

8. Two Steps
Contents Techniques

9. Step
Contents

10. HOW Exactly?
Use Symbol and Metaphor
Heavy Rain
History /
Progress
90%

11. HOW Exactly? Use Elements
Numeric Data -> Graph (Line, Area,
Pie, Radar, Bar)
Process -> Flowchart, Cycle,
Timeline
Relationship -> Gears Formula,
Venn, Chart, Matrix

12. HOW Exactly? Use Pictures
http://www.columnfivemedia.com/work-items/infographic-cigarette-taxes-in-photos

13. Examples
Formula
Graphic
symbols
[Smiciklas, 2011]

14. Examples of InfoG Resume

15. AjT Resumes
[re.vu]

16. 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

17. What Else?
The five-second rule
Tell one story well

18. 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

19. What Else?
Eliminate Chart Legends
Male Female

20. 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

21. 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

22. Workshop on Contents
Purpose Audiences
Priority of
Information
Information
Extraction

23. Step
Techniques
https://www.slideshare.net/mayureesrikulwong/
presentation-techniques-in-thai

24. Workshop on Techniques
Draft Layout on Paper
Map Information by
Priority
DO IT!!

25. 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

26. Design Sites & Elements
canva.com
easel.ly
Infogr.am
piktochart.com
visual.ly
flaticon.com
thenounproject.com
openclipart.org
freepix.com
Elements
Design Sites

27. Inspiration
visual.ly
columnfivemedia.com
coolinfographics.com
dailyinfographic.com
informationisbeautiful.net
boostlabs.com
jess3.com
canva.com
pinterest.com

28. 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

29. Attribution - Non Commercial - No Derivatives
http://www.slideshare.net/mayureesrikulwong