Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Data Visualization and Infographics Resources

Advertisement

Data visualizations and infographics can make complex datasets easier to understand and comprehend. By creating a graphical represenatation of data and statistics, complicated concepts and information can make more sense in less time.

Many visualizations focus on representing a specific set of data or statistical information. Others focus on less-concrete topics, providing a visual representation of abstract concepts. Generally speaking, the first type appear more like graphs or charts and the latter are often more creative and imaginative.

But visualizations and infographics can be used poorly, too. Putting in too much information (or not enough), using improper formats for the information provided, and other failures are common. Below are more than 25 useful resources for infographics and data visualization. Most are galleries of effective graphics though some also provide how-to information for information designers.

Also consider our previous articles:

1. Data Visualization Sites Link

Here are some blogs and website that provide great information for information designers, including how-to articles, visualization showcases and galleries, and other resources. Some even include tools for creating your own visualizations.

Strange Maps Link

Strange Maps3 features only map-based graphics, both modern and historical. The commentary accompanying the maps is what really makes the site interesting, especially on the historic maps.

Screenshot4

Screenshot5

Screenshot6

Wall Stats Link

Wall Stats7 includes original infographics depicting discretionary spending in the United States. The graphics are also available in poster form. They also provide coverage of other infographics about political and economic topics.

Screenshot8

Screenshot9

Visual Complexity Link

Visual Complexity10 – This site showcases infographics and data visualizations from a wide variety of sources and has nearly 700 projects included. Graphics are categorized to make finding specific projects easier and plenty of information is included about each image.

Screenshot11

Screenshot12

Screenshot13

Cool Infographics Link

Cool Infographics14 is an awesome blog that chronicles infographics and data visualizations from all over the web. They cover almost every topic you could think of. Posts are tagged to make it easier to find the specific kinds of graphics you’re looking for.

Screenshot15

Screenshot16

Screenshot17

Data Mining Link

Data Mining18 is a blog that covers data visualization, social media and data mining. They aggregate tons of infographics from other sites, including National Geographic and The Economist.

Screenshot19

Screenshot20

Edward Tufte Link

This site21 presents a wide variety of infographics from multiple sources interspersed with other images. The commentary about the graphics is what sets it apart, and there are some incredibly interesting images included.

Screenshot22

Screenshot23

Infographics News Link

Infographics News24 is dedicated primarily to news infographics. They also cover news related to data visualization and unusual infographics.

Screenshot25

Screenshot26

Information Aesthetics Link

Information Aesthetics27 is a blog that details beautiful infographics and data visualizations from all over the web. Grahpics featured include political, financial and econimic, and other visualizations, dating as far back as December 2004.

Screenshot28

Screenshot29

Chart Porn Link

Chart Porn30 features charts and graphs from all over the web, all beautifully designed and covering a wide variety of topics. Posts are categorized by topic and source to make it easier to find specific charts.

Screenshot31

Screenshot32

Screenshot33

Behance Network Link

The Behance Network34 has tags for Information Architecture and specifically for infographics. They have dozens of graphics in either category from a selection of graphic artists.

Screenshot35

Screenshot36

Good Magazine Link

Good Magazine37 presents some of the most interesting original infographics out there. They’ve created infographics on everything from water issues to the growth of food stamps to Obama’s effect on voter turnout.

Screenshot38

Screenshot39

Screenshot40

Matthew Ericson Link

The blog41 of infographic designer Matthew Ericson that includes visualizations created by others as well as himself. Recently featured visualizations include a map of murders in New York City and an industrial production data visualization.

Screenshot42

Screenshot43

NiXLOG Infographics Link

NiXLOG44 has a great infographics section that includes an aggregation of infographics from all over the web. There’s also an original infographic of the evolution of Apple computers and their adoption by consumers.

Screenshot45

Screenshot46

Virtual Water Link

Virtual Water47 is a specialized blog covering the usage of the virtual water content infographic poster and the information it contains. They provide the info from the poster as well as links to publications that have used it (in whole or in part) and other infographic-related content.

Screenshot48

Screenshot49

History Shots Link

History Shots50 is a commercial site that sells infographic and visualization products (posters, notecards, etc.) for a variety of topics. Most of their images focus on historic events, time periods and subjects and you can browse based on political, military, sports, or general graphics. It’s an incredibly interesting site and you can zoom into the graphics shown to read them onscreen.

Screenshot51

Screenshot52

Screenshot53

Flowing Data Link

Flowing Data54 offers up some amazing infographics and visualizations, with their own dedicated category. They’ve covered the best beer in the U.S., wine personality profiles, the Kennedy family tree, and the religious geography of the United States, among tons of other awesome graphics.

Screenshot55

Screenshot56

Screenshot57

Many Eyes Link

Many Eyes is a data visualization site that offers tools for creating your own visualizations as well as for browsing infographics created by others. There are already thousands of visualizations included on the site.

Screenshot

Screenshot

Screenshot

The New York Times Link

While you’ll have to search around a bit to find the best infographics on The New York Times58 site, it’s definitely worth the effort. They have some of the best infographics in the business representing and breaking down really complex data sets so their average reader can easily understand what’s actually going on.

Screenshot59

Screenshot60

Screenshot61

Nicolasrapp.com Link

nicolasrapp.com62 is an information design blog that covers primarily the infographics and data visualizations the author creates for The Associated Press.

Screenshot63

Screenshot64

Screenshot65

DataViz Link

DataViz66 showcases images of beautiful data visualizations from all over the web. No commentary is included, but the images really speak for themselves.

Screenshot67

Screenshot68

Screenshot69

iGraphics Explained Link

iGraphics Explained70 – This blog aims to shed some light on the world of infographics and data visualizations by explaining their effectiveness and how they were done. They showcase some beautiful graphics from sources all over the internet, so it’s a great place to go for inspiration and to see what kinds of graphics work and which kinds don’t.

Screenshot71

Screenshot72

Screenshot73

Simple Complexity Link

Simple Complexity – This site showcases data visualizations that take complex data sets and display them in an easier-to-understand format that can help make sense of their true meaning. They showcase infographics from all over the net, as well as posting some how-to articles on creating better infographics.

Screenshot

Screenshot

Screenshot

Well-formed Data Link

Well-formed Data74 – This blog covers interface design, infographics and data visualizations, and statistics in general. The commentary accompanying the graphics is especially interesting, often delving deeper into the topics the visualizations cover.

Screenshot75

Screenshot76

Information is Beautiful Link

Information Is Beautiful77 – This blog celebrates beautiful information design, infographics, and data visualizations. They cover a wide variety of topics, create their own visualizations, and showcase those designed by others.

Screenshot78

Screenshot79

Screenshot80

3. Flickr Pools for Infographics Link

Flickr pools can be a great source of information and inspiration. The ones featured below are dedicated to infographics and data visualizations, and most include examples from all over the world and a variety of different eras. They’re an excellent place to go to get ideas or see what infographics trends are around the globe.

Infografia | Infographics81 – A pool with more than 700 infographic images, posted by 120+ members.

Screenshot82

Screenshot83

Screenshot84

Infografistas.com / Infographics News85 – This pool has nearly 350 items posted, all data visualizations and infographics from a huge variety of sources.

Screenshot86

Screenshot87

Screenshot88

Visual Information89 – A pool with nearly 650 items posted. There are visualizations for everything from restaurant spending to library maps.

Screenshot90

Screenshot91

Screenshot

The Info Graphics Pool92 – This seems to be the largest Flickr pool dedicated to infographics and data visualizations, with more than 700 members and 1800+ items included.

Screenshot93

Screenshot94

Screenshot95

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2008/01/14/monday-inspiration-data-visualization-and-infographics/
  2. 2 https://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/
  3. 3 http://strangemaps.wordpress.com/
  4. 4 http://strangemaps.wordpress.com/2009/07/27/402-homeland-is-where-the-heartland-is/
  5. 5 http://strangemaps.wordpress.com/2009/07/12/398-bridge-to-nowhere-a-map-of-golden-gate-jumpers/
  6. 6 http://strangemaps.wordpress.com/2009/06/06/388-us-states-as-countries-of-equal-population/
  7. 7 http://www.wallstats.com/blog/
  8. 8 http://www.wallstats.com/blog/a-visual-guide-to-the-financial-crisis/
  9. 9 http://wallstats.com/389yearsago/
  10. 10 http://www.visualcomplexity.com
  11. 11 http://www.visualcomplexity.com/vc/project_details.cfm?id=660&index=660&domain=
  12. 12 http://www.visualcomplexity.com/vc/project_details.cfm?id=686&index=686&domain=
  13. 13 http://www.visualcomplexity.com/vc/project_details.cfm?id=650&index=650&domain=
  14. 14 http://www.coolinfographics.com/
  15. 15 http://www.coolinfographics.com/blog/2009/9/2/surface-area-required-to-power-the-world-with-solar-power.html
  16. 16 http://www.coolinfographics.com/blog/2009/8/27/beer-comparison-porter-vs-stout-100-more-infographic.html
  17. 17 http://www.coolinfographics.com/blog/2009/8/25/us-energy-use-decreases-in-2008-infographic.html
  18. 18 http://datamining.typepad.com/
  19. 19 http://datamining.typepad.com/data_mining/2009/08/the-human-journey.html
  20. 20 http://datamining.typepad.com/data_mining/2009/08/visualizing-moods-on-twitter.html
  21. 21 http://www.edwardtufte.com/bboard/q-and-a?topic_id=1
  22. 22 http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0003JL&topic_id=1&topic=Ask+E.T.
  23. 23 http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0002w4&topic_id=1&topic=Ask+E.T.
  24. 24 http://infographicsnews.blogspot.com/
  25. 25 http://infographicsnews.blogspot.com/2009/07/most-original-infographics-are-not.html
  26. 26 http://infographicsnews.blogspot.com/2009/07/graphics-for-4th-of-july.html
  27. 27 http://infosthetics.com/
  28. 28 http://infosthetics.com/archives/2009/08/congress_speaks_words_spoken_in_the_110th_congress.html
  29. 29 http://infosthetics.com/archives/2009/08/typologies_of_intellectual_property_visualization_of_recent_us_patent_office_data.html
  30. 30 http://chartporn.org/
  31. 31 http://chartporn.org/2009/08/21/european-economic-weather-map-updated-aug-09/
  32. 32 http://chartporn.org/2009/08/12/kennedy-family-tree/
  33. 33 http://chartporn.org/2009/08/10/drug-venn/
  34. 34 http://www.behance.net/Search?realm=infographic
  35. 35 http://www.behance.net/Gallery/Borsa-Italianaa--0_2-beta/64251
  36. 36 http://www.behance.net/Gallery/Memento-Density-Design/157261
  37. 37 http://www.good.is/magazine
  38. 38 http://www.good.is/post/transparency-the-best-and-worst-cities-to-look-for-work/
  39. 39 http://www.good.is/post/transparency-the-growth-of-food-stamps/
  40. 40 http://www.good.is/post/transparency-is-cash-for-clunkers-working/
  41. 41 http://www.ericson.net/content/
  42. 42 http://www.ericson.net/content/2009/06/the-king-of-pop/
  43. 43 http://www.ericson.net/content/2009/06/homicides-nyc/
  44. 44 http://www.nixlog.com/infographics/
  45. 45 http://www.flickr.com/photos/nix/153923147/
  46. 46 http://www.nixlog.com/apple/
  47. 47 http://www.traumkrieger.de/virtualwater/
  48. 48 http://www.traumkrieger.de/virtualwater/
  49. 49 http://www.traumkrieger.de/virtualwater/
  50. 50 http://www.historyshots.com/index.cfm
  51. 51 http://www.historyshots.com/Parties/index.cfm
  52. 52 http://www.historyshots.com/otherartists/4022.cfm
  53. 53 http://www.historyshots.com/union/index.cfm
  54. 54 http://flowingdata.com/category/visualization/
  55. 55 http://flowingdata.com/2009/09/02/the-world-of-seinfeld/
  56. 56 http://flowingdata.com/2009/08/28/total-eclipse-of-the-heart-flowchart/
  57. 57 http://flowingdata.com/2009/08/26/how-does-the-internet-see-you-personas-from-mit-media/
  58. 58 http://nytimes.com
  59. 59 http://www.nytimes.com/interactive/2009/03/03/us/20090303_LEONHARDT.html
  60. 60 http://www.nytimes.com/ref/us/20061228_3000FACES_TAB2.html
  61. 61 http://www.nytimes.com/interactive/2009/03/10/us/20090310-immigration-explorer.html?hp
  62. 62 http://nicolasrapp.com/
  63. 63 http://nicolasrapp.com/?p=738
  64. 64 http://nicolasrapp.com/?p=698
  65. 65 http://nicolasrapp.com/?p=692
  66. 66 http://dataviz.tumblr.com/
  67. 67 http://dataviz.tumblr.com/post/178368359
  68. 68 http://dataviz.tumblr.com/post/175429902
  69. 69 http://dataviz.tumblr.com/post/175060725
  70. 70 http://igraphicsexplained.blogspot.com/
  71. 71 http://igraphicsexplained.blogspot.com/2009/08/arctic-sea-whos-wiser.html
  72. 72 http://igraphicsexplained.blogspot.com/2009/08/show-dont-tell.html
  73. 73 http://igraphicsexplained.blogspot.com/2009/07/operation-panthers-caw.html
  74. 74 http://well-formed-data.net/
  75. 75 http://well-formed-data.net/archives/338/x-by-y
  76. 76 http://well-formed-data.net/archives/300/visualizing-randomness
  77. 77 http://www.informationisbeautiful.net/
  78. 78 http://www.informationisbeautiful.net/2009/swine-flu-latest-visualized/
  79. 79 http://www.informationisbeautiful.net/visualizations/timelines/
  80. 80 http://www.informationisbeautiful.net/visualizations/the-billion-dollar-gram/
  81. 81 http://www.flickr.com/groups/infografias/
  82. 82 http://www.flickr.com/photos/gersonmora/3862626997/in/pool-infografias
  83. 83 http://www.flickr.com/photos/23761279@N02/2544127108/in/pool-infografias
  84. 84 http://www.flickr.com/photos/ledfish/3681765183/in/pool-infografias
  85. 85 http://www.flickr.com/groups/856209@N23/
  86. 86 http://www.flickr.com/photos/rajkamalaich/3867840522/in/pool-856209@N23
  87. 87 http://www.flickr.com/photos/ffranchi/3842469598/in/pool-856209@N23
  88. 88 http://www.flickr.com/photos/rajkamalaich/3811689794/in/pool-856209@N23
  89. 89 http://www.flickr.com/groups/visualinformation/
  90. 90 http://www.flickr.com/photos/infojocks/3833848632/in/pool-visualinformation
  91. 91 http://www.flickr.com/photos/gersonmora/3702252913/in/pool-visualinformation
  92. 92 http://www.flickr.com/groups/16135094@N00/pool/
  93. 93 http://www.flickr.com/photos/8364195@N04/3877507961/in/pool-16135094@N00
  94. 94 http://www.flickr.com/photos/seeminglee/930343189/in/pool-16135094@N00
  95. 95 http://www.flickr.com/photos/tutu22/3853254787/in/pool-16135094@N00
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She’s also the author of The Smashing Idea Book: From Inspiration to Application.

Advertisement
  1. 1

    Great article – love the maps at the top :)

    Given me some nice idea… *daydreams*

    1
  2. 2

    Great list! may I suggest datavisualization.ch as a further resource. Our website documents research findings in the field of data visualization.

    1
  3. 3

    You should have included Röyksopp’s “Remind me” music video, but I guess you already have it in a post somewhere in the archives. :’3

    Video if you don’t know what I’m typing about:
    http://www.dailymotion.com/video/xjmp1_royksopp-remind-me_music

    1
  4. 4

    Nice list.

    If you’re into data visualization, you should check out Digup.tv. They do amazingly well done video interviews with the biggest actors of the data representation world scene.

    0
  5. 5

    I’ve been needing some infographic inspiration – well timed post SM!

    0
  6. 6

    Wow, great stuff. Cameron Chapman does it again. The virtual water poster is hanging on the wall of my office, most of the other graphics I haven’t seen before. Thank you!

    0
  7. 7

    Simon Harlinghausen

    September 11, 2009 2:12 am

    Fantastic article. Great visuals.

    Stay tuned for more happy days …

    0
  8. 8

    Awesome this article is awesome, I like info graphics even if not everybody know how to do it, I am one of those but I try to learn and make nice inforgraphic like things every time. Thanks guys for the resources

    0
  9. 9

    Dam Inspiring. I love it..
    Thanks Smash…

    0
  10. 10

    Nice, love it!

    0
  11. 11

    awesome resource. Can’t wait to find a customer to mimic these for.

    0
  12. 12

    Holy…!!!

    Way to start my Friday morning off right. This epic article reminds me of some of your articles of yore. Back in the day when I first started reading here.

    Great work! I want to buy posters of some of this work.

    -2
  13. 13

    Bonjour,

    I’d like to ask questions which may be very stupid for most of common geek people ; )
    – HOW TO CREATE DATA VISUALIZATION?
    – WHICH SOFTWARES WITH? HOW IS THIS MADE?

    Thanks for your kind patience.

    0
  14. 14

    Really useful. I love the infographics and its power to show information and make the science something more close and easy to understand for everybody.

    0
  15. 15

    Thanks for an great post, lot’s of inspiration to be found here.

    Didier, one can use the visual programming-lingo called Processing, a very powerful tool in creating infographics.
    Also you could use a combination of Excel, Illustrator, Photoshop and various 3D packages.

    Here you have a nice tutorial for Illustrator:
    http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1823

    And here you got online software helping you in visualising data:
    http://manyeyes.alphaworks.ibm.com/manyeyes/
    and
    New York Times VizLab based on the IBM’s manyeyes:
    http://vizlab.nytimes.com/

    Here you also got some nice infographics-resources:
    http://www.nixlog.com/infographics/

    And you should also check out the book “The Visual Display of Quantitative Information.” by Edward Tufte.
    http://www.edwardtufte.com/tufte/books_vdqi

    1
  16. 16

    @didier: Your question is very stupid, mostly for non-geek people. Even MS Paint can be used to create beautiful data visualization.

    0
  17. 17

    Great examples! Also I love the Rokysopps Video, full of same graphics

    0
  18. 18

    @didier
    >HOW TO CREATE DATA VISUALIZATION?
    Understand the data, decide what you want to emphasize, express it visually

    >WHICH SOFTWARES WITH? HOW IS THIS MADE?
    Theoretically, any software that is capable of displaying objects will fit. In practice, people often use design-specific software like Photoshop, Illustrator, Flash, etc…

    0
  19. 19

    Great post. Thanks SM!

    0
  20. 20

    Great Post, nice source for inspiration. I love info graphics!

    0
  21. 21

    peach - alldrupalthemes.com

    September 11, 2009 7:31 am

    I love the topic of infographics but I do not yet know much about it, you should do more artilces on infographics, they’re handy on both web designs and print designs.

    0
  22. 22

    hi, nice list. i don’t think this is a shameless plug because these people are interested in data viz, but we’re doing a project visualising young people in Britain, with the data all available for people to grab and play around with. we won’t put the link in, but if you’re interested you can do a search for voicebox vinspired. we have a robot. i’ll get back to wasting time by looking through this list :)

    0
  23. 23

    Great list Cameron. Thanks for including my Cool Infographics blog in it!

    0
  24. 24

    Mental Ward Design

    September 11, 2009 9:11 am

    This stuff is Great. I remember doing a lot of these in school, but not to this extent. I do believe I will have to create a couple for my company.

    Very cool.

    0
  25. 25

    Alexandria Jarvis

    September 11, 2009 10:51 am

    This is an amazing collection. Our graphic design studio has been seeking out info graphics which I have found scattered around the web and books. Thanks for collecting such a great sample of work!

    0
  26. 26

    Love it! The only graphic that bugged me was the ‘TV shows watched by aliens’. Great concept, very funny, but typically Amerocentric!

    0
  27. 27

    Aww man, I’m disappointed that VizWorld.com didn’t make the list.

    0
  28. 28

    My favorite NYT graphic is the scrolling words. They’ve got one for the economy, and the one running on the 2009 US presidential election day was sheer genius.

    0
  29. 29

    Love all the info… but it seems crazy that WIRED mag isn’t on here somewhere. They have some of the richest and most creative, but functional displays of information.

    Cheers :)

    0
  30. 30
  31. 31

    Some great resources. thanks!

    -1
  32. 32

    we all should stand up and clap to our screens. another “one of the best posts ever” from smashingmag

    0
  33. 33

    cool cool!

    1
  34. 34

    Wow!!! Excellent stuff. Love those graphical representation.

    0
  35. 35

    Nice Infographics here. Inspiration for my next infographic project.

    0
  36. 36

    Very useful and refreshing, will find a way to incorporate that into my work.
    Thanks

    0
  37. 37

    Two names everyone should read into on this topic.

    Prof. E. Tufte.
    Stephen Few.

    0
  38. 38

    John del Rosario

    September 13, 2009 11:59 pm

    Nice list, very inspirational.. But you missed one very important resource:

    http://www.gapminder.org/

    As seen on the TED videos of Hans Rosling. You need to check it out.

    0
  39. 39

    Please look also at http://www.golden-section-graphics.com!

    Best wishes, Jan

    0
  40. 40

    Really quite creative and some are bit weird too but i like last one ( combined, urban, extra-urban ) most as its good for me i will replace them ( 3 categories ) with Google, Yahoo and Bing to anylyse as a seo from where and how much traffic i am getting so that i can improve them and at the same time i can show results more visually and creatively.

    0

↑ Back to top