SlideShare a Scribd company logo
1 of 22
Infographics
a short history

Page 1 | Infographics | April 2012
Definition
Infographics = information graphics

        “graphic visual representations of information, data* or knowledge.
        These graphics present complex information quickly and clearly”
        - Wikipedia

*aka data visualisation

Bar charts and maps, line graphs, pie charts, system diagrams, tables…




Page 2 | Infographics | April 2012
Purpose
Shifts the balance between perception and cognition to take fuller
advantage of the brain's abilities




Page 3 | Infographics | April 2012
Principles
Proximity                  Objects that are close
                           together are perceived as a
                           group


Similarity                 Objects that share similar
                           attributes (e.g. color or shape)
                           are perceived as a group



Connection                 Objects that are connected
                           (e.g. by a line) are
                           perceived as a group




Page 4 | Infographics | April 2012
Principles
Enclosure                  Objects that appear to have a
                           boundary around them (e.g.
                           formed by a line or area of
                           common colour) are perceived
                           as a group

Closure                    Open structures are perceived
                           as closed, complete, and
                           regular whenever there is a
                           way that they can reasonably
                           be interpreted as such

Continuity                 Objects that are aligned
                           together or appear to be a
                           continuation of one another
                           are perceived as a group

Connection                 Objects that are connected
                           (e.g. by a line) are perceived
                           as a group
Page 5 | Infographics | April 2012
Page 6 | Infographics | April 2012
Origins
Cave paintings!

Maps pre-date writing by several millennia

An early infographic that made a difference…

In 1857, English nurse Florence Nightingale used information graphics
     persuading Queen Victoria to improve conditions in military
     hospitals, principally the Coxcomb chart, a combination of stacked
     bar and pie charts, depicting the number and causes of deaths during
     each month of the Crimean War.




Page 7 | Infographics | April 2012
Origins




Page 8 | Infographics | April 2012
Modern infographics




Page 9 | Infographics | April 2012
Research centric
Lauren Manning, a New York based designer, explores
various methods to visualise one single data set for her
thesis. Food Consumed:

       “It’s like comparing apples to oranges.” This phrase is the
       best way to describe the current state of data
       visualizations. …Instead of seeing many excellent
       visualizations of all different data sets, what if you could
       see tons of visualizations of the same data set? What
       new comparisons, knowledge and structure might be
       developed from this?



Page 10 | Infographics | April 2012
Research centric
Lauren Manning, a New York based designer, explores
various methods to visualise one single data set for her
thesis. Food Consumed:

       “It’s like comparing apples to oranges.” This phrase is the best way
       to describe the current state of data visualizations. …Instead of
       seeing many excellent visualizations of all different data sets, what if
       you could see tons of visualizations of the same data set? What new
       comparisons, knowledge and structure might be developed from
       this?




Page 11 | Infographics | April 2012
Research centric




Page 12 | Infographics | April 2012
Customisable




Page 13 | Infographics | April 2012
Public data
research centric and attributed to multiple sources




Page 14 | Infographics | April 2012
Attributed to multiple sources




                              Blog data comes from a variety of online sources, including
                              LiveJournal, MSN Spaces, MySpace, Blogger, Flickr, Technorati,
                              Feedster, Ice Rocket, and Google.




Page 15 | Infographics | April 2012
RSPCA Freedom Food sales data visualisation



                                      We produced assets to
                                      reach out to bloggers
                                      and online influencers,
                                      providing visuals to
                                      support a statistics
                                      based PR story.
                                      Very successful
                                      campaign results for
                                      RSPCA.




Page 16 | Infographics | April 2012
Channel 4 ‘Ask the Chancellors’ debate




Page 17 | Infographics | April 2012
Datacopter Twitter visualisation app
for Channel 4




Page 18 | Infographics | April 2012
Datacopter Twitter visualisation app V2.0




Page 19 | Infographics | April 2012
Barclaycard: influencer mapping




Page 20 | Infographics | April 2012
notaninfographic.tumblr.com




Page 21 | Infographics | April 2012
Thank you!
@bethgranter
http://delicious.com/bethgranter/infographics




Page 22 | Infographics | April 2012

More Related Content

Similar to Infograpics - a short history

Linking Open Data with Drupal
Linking Open Data with DrupalLinking Open Data with Drupal
Linking Open Data with Drupal
emmanuel_jamin
 
10 Learning & Leading with Technology February 2012The .docx
10 Learning & Leading with Technology  February 2012The .docx10 Learning & Leading with Technology  February 2012The .docx
10 Learning & Leading with Technology February 2012The .docx
ChereCoble417
 
10 Learning & Leading with Technology February 2012The .docx
10 Learning & Leading with Technology  February 2012The .docx10 Learning & Leading with Technology  February 2012The .docx
10 Learning & Leading with Technology February 2012The .docx
trippettjettie
 
Discovery event peter burnhill (aggregation as tactic)
Discovery event peter burnhill (aggregation as tactic)Discovery event peter burnhill (aggregation as tactic)
Discovery event peter burnhill (aggregation as tactic)
RDTF-Discovery
 
20111120 warsaw learning curve by b hyland notes
20111120 warsaw   learning curve by b hyland notes20111120 warsaw   learning curve by b hyland notes
20111120 warsaw learning curve by b hyland notes
Bernadette Hyland-Wood
 
121004 linking open_data_with_drupal_v1
121004 linking open_data_with_drupal_v1121004 linking open_data_with_drupal_v1
121004 linking open_data_with_drupal_v1
manujam
 

Similar to Infograpics - a short history (20)

Infographics overview e&e 20120608_final
Infographics overview e&e 20120608_finalInfographics overview e&e 20120608_final
Infographics overview e&e 20120608_final
 
Linking Open Data with Drupal
Linking Open Data with DrupalLinking Open Data with Drupal
Linking Open Data with Drupal
 
10 Learning & Leading with Technology February 2012The .docx
10 Learning & Leading with Technology  February 2012The .docx10 Learning & Leading with Technology  February 2012The .docx
10 Learning & Leading with Technology February 2012The .docx
 
10 Learning & Leading with Technology February 2012The .docx
10 Learning & Leading with Technology  February 2012The .docx10 Learning & Leading with Technology  February 2012The .docx
10 Learning & Leading with Technology February 2012The .docx
 
Data and information visualization tools 2012
Data and information visualization tools 2012Data and information visualization tools 2012
Data and information visualization tools 2012
 
Mining and Understanding Activities and Resources on the Web
Mining and Understanding Activities and Resources on the WebMining and Understanding Activities and Resources on the Web
Mining and Understanding Activities and Resources on the Web
 
Getting graphic About Infographics: Design Lessons Learned From Popular Infog...
Getting graphic About Infographics: Design Lessons Learned From Popular Infog...Getting graphic About Infographics: Design Lessons Learned From Popular Infog...
Getting graphic About Infographics: Design Lessons Learned From Popular Infog...
 
Discovery event peter burnhill (aggregation as tactic)
Discovery event peter burnhill (aggregation as tactic)Discovery event peter burnhill (aggregation as tactic)
Discovery event peter burnhill (aggregation as tactic)
 
Tut mathematics and hypermedia research seminar 2011 11-11
Tut mathematics and hypermedia research seminar 2011 11-11Tut mathematics and hypermedia research seminar 2011 11-11
Tut mathematics and hypermedia research seminar 2011 11-11
 
Text mining, word embeddings, & wikipedia
Text mining, word embeddings, & wikipediaText mining, word embeddings, & wikipedia
Text mining, word embeddings, & wikipedia
 
IN2N: Cross-institutional Authority Collaboration
IN2N: Cross-institutional Authority CollaborationIN2N: Cross-institutional Authority Collaboration
IN2N: Cross-institutional Authority Collaboration
 
Data Visualization
Data VisualizationData Visualization
Data Visualization
 
20111120 warsaw learning curve by b hyland notes
20111120 warsaw   learning curve by b hyland notes20111120 warsaw   learning curve by b hyland notes
20111120 warsaw learning curve by b hyland notes
 
121004 linking open_data_with_drupal_v1
121004 linking open_data_with_drupal_v1121004 linking open_data_with_drupal_v1
121004 linking open_data_with_drupal_v1
 
Learn it2015 keynote infographics
Learn it2015   keynote infographicsLearn it2015   keynote infographics
Learn it2015 keynote infographics
 
How google is using linked data today and vision for tomorrow
How google is using linked data today and vision for tomorrowHow google is using linked data today and vision for tomorrow
How google is using linked data today and vision for tomorrow
 
Critical reader
Critical readerCritical reader
Critical reader
 
The RDFIndex-MTSR 2013
The RDFIndex-MTSR 2013The RDFIndex-MTSR 2013
The RDFIndex-MTSR 2013
 
Visual communication of qualitative data (v. 2020 ITA)
Visual communication of qualitative data (v. 2020 ITA)Visual communication of qualitative data (v. 2020 ITA)
Visual communication of qualitative data (v. 2020 ITA)
 
Data-informed design of blended learning
Data-informed design of blended learningData-informed design of blended learning
Data-informed design of blended learning
 

More from NixonMcInnes

New Facebook Updates October 2011
New Facebook Updates October 2011New Facebook Updates October 2011
New Facebook Updates October 2011
NixonMcInnes
 

More from NixonMcInnes (14)

NixonMcInnes Strategy Roundtable
NixonMcInnes Strategy RoundtableNixonMcInnes Strategy Roundtable
NixonMcInnes Strategy Roundtable
 
Digital transformation in financial services: a roundtable May 2014
Digital transformation in financial services: a roundtable May 2014Digital transformation in financial services: a roundtable May 2014
Digital transformation in financial services: a roundtable May 2014
 
Chief Strategy Officer Summit / "No one of us is smarter than all of us" - Ra...
Chief Strategy Officer Summit / "No one of us is smarter than all of us" - Ra...Chief Strategy Officer Summit / "No one of us is smarter than all of us" - Ra...
Chief Strategy Officer Summit / "No one of us is smarter than all of us" - Ra...
 
Why happiness at work is a serious business - Nic Marks speaking at NixonMci...
Why happiness at work is a serious business  - Nic Marks speaking at NixonMci...Why happiness at work is a serious business  - Nic Marks speaking at NixonMci...
Why happiness at work is a serious business - Nic Marks speaking at NixonMci...
 
Meaning2013 round-up
Meaning2013 round-upMeaning2013 round-up
Meaning2013 round-up
 
Quick thinking in online customer service - Community behaviour matrix
Quick thinking in online customer service - Community behaviour matrixQuick thinking in online customer service - Community behaviour matrix
Quick thinking in online customer service - Community behaviour matrix
 
Social app service
Social app serviceSocial app service
Social app service
 
A NixonMcInnes guide to pinterest
A NixonMcInnes guide to pinterestA NixonMcInnes guide to pinterest
A NixonMcInnes guide to pinterest
 
Guide to new Twitter for brands
Guide to new Twitter for brandsGuide to new Twitter for brands
Guide to new Twitter for brands
 
Visualising Advocacy, Engaging Networks Community Conference, Oct. 2011
Visualising Advocacy, Engaging Networks Community Conference, Oct. 2011Visualising Advocacy, Engaging Networks Community Conference, Oct. 2011
Visualising Advocacy, Engaging Networks Community Conference, Oct. 2011
 
FailBetter Games: storytelling and interactive narratives
FailBetter Games: storytelling and interactive narrativesFailBetter Games: storytelling and interactive narratives
FailBetter Games: storytelling and interactive narratives
 
New Facebook Updates October 2011
New Facebook Updates October 2011New Facebook Updates October 2011
New Facebook Updates October 2011
 
Google Plus briefing notes
Google Plus briefing notesGoogle Plus briefing notes
Google Plus briefing notes
 
On Social CRM - Will McInnes
On Social CRM - Will McInnesOn Social CRM - Will McInnes
On Social CRM - Will McInnes
 

Recently uploaded

Recently uploaded (20)

Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 

Infograpics - a short history

  • 1. Infographics a short history Page 1 | Infographics | April 2012
  • 2. Definition Infographics = information graphics “graphic visual representations of information, data* or knowledge. These graphics present complex information quickly and clearly” - Wikipedia *aka data visualisation Bar charts and maps, line graphs, pie charts, system diagrams, tables… Page 2 | Infographics | April 2012
  • 3. Purpose Shifts the balance between perception and cognition to take fuller advantage of the brain's abilities Page 3 | Infographics | April 2012
  • 4. Principles Proximity Objects that are close together are perceived as a group Similarity Objects that share similar attributes (e.g. color or shape) are perceived as a group Connection Objects that are connected (e.g. by a line) are perceived as a group Page 4 | Infographics | April 2012
  • 5. Principles Enclosure Objects that appear to have a boundary around them (e.g. formed by a line or area of common colour) are perceived as a group Closure Open structures are perceived as closed, complete, and regular whenever there is a way that they can reasonably be interpreted as such Continuity Objects that are aligned together or appear to be a continuation of one another are perceived as a group Connection Objects that are connected (e.g. by a line) are perceived as a group Page 5 | Infographics | April 2012
  • 6. Page 6 | Infographics | April 2012
  • 7. Origins Cave paintings! Maps pre-date writing by several millennia An early infographic that made a difference… In 1857, English nurse Florence Nightingale used information graphics persuading Queen Victoria to improve conditions in military hospitals, principally the Coxcomb chart, a combination of stacked bar and pie charts, depicting the number and causes of deaths during each month of the Crimean War. Page 7 | Infographics | April 2012
  • 8. Origins Page 8 | Infographics | April 2012
  • 9. Modern infographics Page 9 | Infographics | April 2012
  • 10. Research centric Lauren Manning, a New York based designer, explores various methods to visualise one single data set for her thesis. Food Consumed: “It’s like comparing apples to oranges.” This phrase is the best way to describe the current state of data visualizations. …Instead of seeing many excellent visualizations of all different data sets, what if you could see tons of visualizations of the same data set? What new comparisons, knowledge and structure might be developed from this? Page 10 | Infographics | April 2012
  • 11. Research centric Lauren Manning, a New York based designer, explores various methods to visualise one single data set for her thesis. Food Consumed: “It’s like comparing apples to oranges.” This phrase is the best way to describe the current state of data visualizations. …Instead of seeing many excellent visualizations of all different data sets, what if you could see tons of visualizations of the same data set? What new comparisons, knowledge and structure might be developed from this? Page 11 | Infographics | April 2012
  • 12. Research centric Page 12 | Infographics | April 2012
  • 13. Customisable Page 13 | Infographics | April 2012
  • 14. Public data research centric and attributed to multiple sources Page 14 | Infographics | April 2012
  • 15. Attributed to multiple sources Blog data comes from a variety of online sources, including LiveJournal, MSN Spaces, MySpace, Blogger, Flickr, Technorati, Feedster, Ice Rocket, and Google. Page 15 | Infographics | April 2012
  • 16. RSPCA Freedom Food sales data visualisation We produced assets to reach out to bloggers and online influencers, providing visuals to support a statistics based PR story. Very successful campaign results for RSPCA. Page 16 | Infographics | April 2012
  • 17. Channel 4 ‘Ask the Chancellors’ debate Page 17 | Infographics | April 2012
  • 18. Datacopter Twitter visualisation app for Channel 4 Page 18 | Infographics | April 2012
  • 19. Datacopter Twitter visualisation app V2.0 Page 19 | Infographics | April 2012
  • 20. Barclaycard: influencer mapping Page 20 | Infographics | April 2012
  • 21. notaninfographic.tumblr.com Page 21 | Infographics | April 2012

Editor's Notes

  1. Copyright © Imparta Limited 2002 – 2008 All Rights Reserved
  2. http://www.interaction-design.org/encyclopedia/data_visualization_for_human_perception.html
  3. http://www.interaction-design.org/encyclopedia/data_visualization_for_human_perception.html
  4. http://www.visual-literacy.org/periodic_table/periodic_table.html
  5. Cave paintings! Maps pre-date writing 1857 Florence Nightingale persuaded Queen Victoria to improve conditions in military hospitals – the Coxcomb chart – stacked bar and pie charts showing deaths during Crimean war
  6. http://upload.wikimedia.org/wikipedia/commons/1/17/Nightingale-mortality.jpg
  7. NM website April 2012
  8. http://datavisualization.ch/showcases/food-consumed/
  9. http://datavisualization.ch/showcases/food-consumed/
  10. http://datavisualization.ch/showcases/food-consumed/
  11. http://www.informationisbeautiful.net/play/snake-oil-supplements/
  12. https://docs.google.com/a/nixonmcinnes.co.uk/spreadsheet/ccc?key=0Altk3Tn01ZsWdDRVN19EeENwd1pQY1ZyV1AwTnJCMnc&hl=en#gid=0
  13. http://www.wefeelfine.org/
  14. http://www.wefeelfine.org/
  15. NixonMcInnes produced an infographic to distil a whole televised debate into key differences between the pre-election chancellors, for influencers and communities to share virally.
  16. Originally used by Channel 4 to support their ‘How to save £100 billion’ special, the channel will use it again with a controversial new drama breaking in the New Year to enhance their viewing experience in a ‘two screen’ world.
  17. Originally used by Channel 4 to support their ‘How to save £100 billion’ special, the channel will use it again with a controversial new drama breaking in the New Year to enhance their viewing experience in a ‘two screen’ world.
  18. Originally used by Channel 4 to support their ‘How to save £100 billion’ special, the channel will use it again with a controversial new drama breaking in the New Year to enhance their viewing experience in a ‘two screen’ world.
  19. Copyright © Imparta Limited 2002 – 2008 All Rights Reserved