A Picture is Worth a 1000 WordsIntroduction to

Infographics

Melanie Parlette, BA, MLIS

Library Resource Centre

What we’re going to cover

• What is an Infographic?• Why do I need them?• Where can I find Infographics?• What do I need to make my own

Infographic?• Making an Infographic• Great Resources

What is an Infographic?

• visualizations that present complex information quickly and clearly

• visualizations that integrate words and graphics to reveal information, patterns or trends

• visualizations that are easier to understand than words alone

• visualizations that are beautiful and engaging

Source: http://visual.ly/what-is-an-infographic

History

Source: http://www.katieandemil.com/images/who-invented-pie-chart-1.jpg

History

Source: http://understandinguncertainty.org/coxcombs

History

Source: http://www1.icsi.berkeley.edu/~stellayu/artvis/project/roadmap/old_map.jpg

History

Source: http://observatory.designobserver.com/media/images/otl_aicher_525.jpg

History

Source: http://www.kqed.org/assets/img/arts/blog/hd-tufte.jpg

In the Current Context

Video: http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.html

Why should I care about Infographics?

Increasing Popularity

Easy to share Image Source: http://blog.exacttarget.com/blog/small-business-big-results/social-blogs-and-emailoh-my

Lots of Information – Quick!

Source: http://infographiclist.files.wordpress.com/2012/05/cancerincanada_4faa89f6bfb14.jpg

EXPLORING

Source: http://www.flickr.com/photos/cooljerk/479832255/sizes/o/in/photostream/

Source: http://lokeshdhakar.com/coffee-drinks-illustrated/

The Canadian Oil Boom

Source: http://www.visualcapitalist.com/portfolio/the-canadian-oil-boom-oil-sands-intro

The many shades of caregiving

Source: http://www.innovation.ca/en/ResearchinAction/Infographics/7059

Whether or not the Danes thinks its ethical to wear religious symbols in public professions Source:

http://www.peterorntoft.com/HTML%20filer/infocontext1.html

Source:http://i.imgur.com/kWAJo.jpg

TYPES

Maps

Source: http://www.canadianliving.com/food/cooking_school/the_great_canadian_food_map_an_interactive_infographic.php

Everyone has Infographics!

(This one came from Canadian Living)

Timelines

Source: http://www.bbc.co.uk/programmes/p00cgkfk

Timelines

Source: http://www.allianz.com.au/car-insurance/infographic/car-digital-technology/img/allianz-car-insurance-digital-tech-infographic.jpg

Resource

Source: http://visual.ly/why-startups-fail

Resource

Source: http://visual.ly/why-startups-fail

Comparative

Source: http://visual.ly/google-vs-facebook-guide-brand-pages

Flow Charts

Source: http://www.shouldiworkforfree.com/

Resume

Source: http://www.behance.net/gallery/Resume/751330

Visualizing Data

Source: http://www.bbc.co.uk/programmes/p00cgkfk

Interactive Visualizations

Source: http://www.nytimes.com/interactive/2008/05/05/science/20080506_DISEASE.html

CREATINGBEST PRACTICES

BEST PRACTICES

Be Concise

Source:http://digitalnewsgathering.wordpress.com/2010/04/24/10-tips-for-designing-infographics/

Source: http://www.rei.com/pix/marketing/images/rei-backpacking-infographic.jpg

BEST PRACTICES

Be Visual

Source:http://digitalnewsgathering.wordpress.com/2010/04/24/10-tips-for-designing-infographics/

Source: http://blog.goireland.com/wp-content/uploads/2012/03/GuinnessVsBeer_Final_700x7138.jpg

BEST PRACTICES

Be Transparent

Source:http://digitalnewsgathering.wordpress.com/2010/04/24/10-tips-for-designing-infographics/

Source: http://visual.ly/instagram-vs-new-york-times

BEST PRACTICES

Be Accurate

Source:http://digitalnewsgathering.wordpress.com/2010/04/24/10-tips-for-designing-infographics/

Source: http://s3files.core77.com/blog/images/2011/04/Stanford_Kay-Carbon_Footprint_Infographic-full.jpg

BEST PRACTICES

Be Attractive

Source:http://digitalnewsgathering.wordpress.com/2010/04/24/10-tips-for-designing-infographics/

Source: http://www.dgquarterly.com/site/wp-content/uploads/2012/03/Plot-lines.jpg

BEST PRACTICES

Be Gracious

Source:http://digitalnewsgathering.wordpress.com/2010/04/24/10-tips-for-designing-infographics/

• Copyright, to be explicit about any rights and terms of use• Source data, so anyone can check your facts• Designer’s name, always give credit to the artist/illustrator/programmer/designer• Original image/article address, so anyone who sees the image can find your original article

Source: http://www.sonice.ca/good-for-you/organic-choice

BEST PRACTICES

Be Creative

Source:http://digitalnewsgathering.wordpress.com/2010/04/24/10-tips-for-designing-infographics/

Source: http://blog.ffctn.com/what-is-data-visualization

CREATINGTIPS

TIPS

1. Put together the general ideas you want to convey.

Source: http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/

TIPS

2. Pick your colour scheme.

Source: http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/

TIPS

3. Choose your Graphics.

Source: http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/

TIPS

4. Research and Data.

Source: http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/

TIPS

5. Edit.

Source: http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/

CREATINGTOOLS FOR CREATING

TOOLS FOR CREATING

http://visual.ly/

TOOLS FOR CREATING

http://www.easel.ly/

TOOLS FOR CREATING

http://www.wordle.net/

TOOLS FOR CREATING

http://www.tagxedo.com

TOOLS FOR CREATING

http://www-958.ibm.com/software/data/cognos/manyeyes/

TOOLS FOR CREATING

http://creately.com

TOOLS FOR CREATING

https://cacoo.com/

TOOLS FOR CREATING

http://www.tableausoftware.com/public/

CREATINGDATA SOURCES

DATA SOURCES

http://www.google.com/publicdata/directory

DATA SOURCES

http://pewresearch.org/databank/datasets/

DATA SOURCES

http://www.statcan.gc.ca/

DATA SOURCES

http://www.data.gc.ca/default.asp?lang=En&n=F9B7A1E3-1

DATA SOURCES

https://explore.data.gov/

DATA SOURCES

http://data.worldbank.org/

PLACES TO GO

Source: http://www.informationisbeautiful.net/

Source: http://visual.ly/

Source: http://www.nytimes.com/pages/multimedia/index.html

Source: http://www.guardian.co.uk/data/series/show-and-tell

Source: http://www.good.is/infographics

Source:http://www.coolinfographics.com/

Source: http://visualizing.org/

Bringing it home• Becoming “visually

literate”–Need to prepare

students (and ourselves) to be successful learners.

– Infographics encourage creative and informed individuals

(Source: http://resourcelinkbce.wordpress.com/2011/07/04/info-what-developing-visual-literacy-through-infographics/)

Bringing it home• Prompting Comprehension –Help students want to learn more

(Source: http://learning.blogs.nytimes.com/2011/04/08/data-visualized-more-on-teaching-with-infographics/

Bringing it home

(Source: http://resourcelinkbce.wordpress.com/2011/07/04/info-what-developing-visual-literacy-through-infographics/)

There are three key ways to use Infographics in the classroom:1.As a source of information2.As a tool to teach visual

and critical literacy3.As a way for students to

express their or others’ data

Additional Reading: Teaching With Infographics | A Student Project Model http://learning.blogs.nytimes.com/2010/08/27/teaching-with-infographics-a-student-project-model/

My Data

• Example:• 562,789 Visits to the LRC• 102,202 Hits to our Research Help Guides• 20,925 Questions Answered• 13,818 Book/Media Loans• 264 Instructional Workshops• 88 Research Help Guides• 80 Computer Workstations• 7 Bookable Study Rooms

Visits to the LRC Research Guide Hits

562,789

102,202

Let’s make an Infographic

????????????????????

?? = 1000 questions

answered

7 bookable study rooms

LRCby the

Numbers