25+ Useful Infographics for Web Designers

Infographics can be a great way to quickly reference information.

Instead of pouring over figures and long reports to decipher data, an infographic can immediately make apparent exactly what a dataset actually means.

Below are more than 25 infographics that can be useful to web designers.

Some are incredibly practical, some provide information that might be of interest to designers and some just present data that might be interesting to those who design websites all day.

If you know of any good ones that we may have missed, please add them in the comments section below.


1. Web Trend Map 4


2. Period Table of Typefaces


3. Global Internet Traffic Map


4. Classifying Experiences


5. Flickr User Model


6. The Browser Wars


7. A Month of Spam


8. The Life of an Article on the Web


9. Online Communities Map


10. Map of the World 2.0 Mosaic


11. The Internet’s Undersea World


12. Search Engine Spider Traps


13. Google PageRank Explained


14. Building a Company with Social Media


15. SEO Check List


16. The Life Cycle of a Blog Post, From Servers to Spiders to Suits—to You


17. Software Wars


18. Who Participates Online


19. What 16 Million Colors Looks Like


20. Periodic Table of Visualization Methods


21. Periodic Table of the Internet


22. Country Codes of the World


23. Apple’s Tipping Point: Macs for the Masses


24. Infoporn: The Cost of Living on the Bleeding Edge of Technology


25. Map of All Yahoo! APIs and Services


26. Digital Media Weights and Measures


27. Global Color Usage with Respect to Time and Location / 2009 / SML + Adobe Kuler Pulse


28. Facebook vs. Twitter

Do you feel infographics are effective to display information? Please share with us any other infographics that can be of interest to web designers.

  • http://buildinternet.com Zach Dunn

    Wow! This is one of the coolest posts I’ve seen all month. I think one of the most striking things about all of these graphics is how well designed they are. That’s impressive considering how complicated the information is in some cases.

  • http://russelljohn.net Russell


  • http://www.scotchmountainvineyard.com Fritz

    Wow…some of these are amazing, so simple, yet effective. Great examples! Really have to give it up to #14 though, personal fav.

  • MuiMui


  • http://blog.insicdesigns.com insic

    Brilliant Post! Browser wars is well illustrated

  • http://www.orphicpixel.com Mars

    i will be needing those periodic tables

  • http://www.knockoutdesigns.com.au Damir

    I’m adding this article to my Google Reader starred items :)

  • http://www.teddy-o-ted.com Teddy

    Wow, definitely one of the best entries ever. A few of my favourites are the periodic table of typefaces, browser wars and who participates online (I like it how the designer has made the tiny little boxes align such that they appear to be a smooth curve). Really amazing collection!

  • http://twitter.com/simonashley Simon Ashley

    Wow, awesome, thanks!

  • http://robinferianto.com robb

    best post ever !
    some of them are my favorites.

  • http://www.embed-design.com/ Oliver

    awesome. I loved the XKCD one and the twitter/facebook info. 200 mil, thats a lot :D

  • http://www.hisubash.com Aneslin

    awesome bro

  • Don

    good job! highly appreciated…

  • http://www.toputop.com kiran

    Very interesting one…

  • http://www.2ks.co.uk 2ks-Internet Strategy Consultant

    Excellent Post. I love infographics and these are some fo the best. Thanks for finding thm for us all.

  • http://www.majice-online.com Majice

    Verry useful post, thanks

  • http://twitter.com/vineethjose Vineeth Jose

    Great post man!

  • http://twitter.com/heziabrass Hezi


  • http://www.as-map.com Arnaud VELTEN

    May i suggest my 3D isometric resume ? : http://www.as-map.com
    thx for the post ;)

  • http://newsfed.net Conrad

    Great stuff – loved the online communities Map

  • http://www.globalsearchinteractive.net Massimo Burgio

    brilliant post!

  • http://blog.powerflasher.de Carsten Knobloch


  • http://online-marketing-review.com/ Doug

    As they say, a picture is worth a thousand words. Somehow seeing things with a picture adds a whole new dimension. Very interesting post. Thanks

  • http://openvoucher.de Ingo

    Wau, extrem cool!

  • http://www.seepaul.org Seepaul

    Fantastic Collection! Nice to see that we are always looking for simple explanation of the world. Almost the same like we are searching for simple graphs about the web. Good work!

  • http://illuminea.com Miriam Schwab

    These are so amazing! I love how chunks of information that would take up 10 pages can be represented in one brilliant graphic.

  • http://www.wpbin.com Matt

    What the hell is wrong with you guys… you wrote at the end of the post “Do you feel infographics are effective to display information? Please share with us any other infographics that can be of interest to web designers.”

    I did shared one of my bookmarked link to you almost 4 hrs ago and you just deleted my comment. How mean…. You ppl never going to learn.

    • http://www.webdesignerdepot.com Walter

      Some comments may get wrongly filtered as spam and never make it to the site. I apologize if this was the case. Go ahead and share your link again please.


  • http://www.crearedesign.co.uk Adam

    I could site reading those for hours, awesome post. The 16 million colours does strange things to your eyes….

    I think we’ve had a periodic table for everything by now!

  • alex

    would be nice if you could click through to larger versions on all of these…

  • http://lakshyaseo.blogspot.com raviseo

    its really coool man superb data

  • Susan

    Thanks for compiling these – this is truely awesome! Way to go!

  • http://www.facebook.com/shenimr Sheni

    No doubts, I really have to appreciate the effort put in with quality!!

  • http://www.hellomynameisjuan.com kilinkis


  • marius

    thanks for this awesome post.

  • http://www.graphicsgecko.com/freebies/free-icon-set-kiwi-rss-icons/ Kiwidia | Graphics Gecko

    These are amazing. You’ve compiled a great list here. I think infographics are fantastic for organizing information in an attractive and helpful manner. I wish I had the ability to make these.

  • http://bbxdesign.com Jeremy

    Just AWESOME. Although I’m trying to follow much of what’s happening on the web, I only knew a few of them. Thanks for sharing. There’s MUCH useful information there.

  • http://www.hast-lust.com Lust

    really awesome, great!

  • http://www.wchingya.com Ching Ya

    Some fascinating Infographics. Love the Flickr User Models, Browser War, and PR Explained. Sometimes a graphic speaks louder than a lengthy post. Who ever created them, applaud your effort and creativity. Well done.

    Social Media/blogging

  • Sourabh

    Great samples. especially 14th.

  • http://briancray.com Brian Cray

    IMO infographics are the sexiest of all graphic designs. :) Wish I was as good as these folks.

  • http://makenote.orgfree.com MaKe NoTe

    Vo.. such a wonderful site!
    Million Thanks.

  • http://scottfoley.net Scott Foley

    Wow…that is some collection. Impressive.

  • http://grandeabobora.com/ marcus

    Excellent compilation!

  • http://ievsworld.blogspot.com Remi Rotthaus

    Well, I don’t quite see how most of that is useful, but it was quite comical.

  • mokin

    Nice! infographics

  • http://www.studiodino.com StudioDino

    Great examples of Infographics.

    Could you add my examples too?




    Just asking.

    Thanks, StudioDino.

  • Mats Salberg

    On the first one: Web Trend Map 4

    I’ve found it cool that “Tim Berners-Lee” is the only one with a crown on head :-)

    Big image: http://farm4.static.flickr.com/3611/3409362834_ae073dc70e_o.png

  • http://www.bronsonharrington.com Bronson

    Tight stats. Tighter design. Awesome post.

    StatsPorn is my preferred learning technique.

  • http://www.westfloridacomponents.com Andy

    Wow – awesome! I loved the Online Communities Map. Just stunning!

  • http://blog.myoon.com Chris


  • pattipdx

    Great job!

  • http://hnawelhik.wordpress.com hnawelhik

    tres beau travaille, je comprend mieux le net

  • rock

    way to cite the authors of any of these

    • http://www.webdesignerdepot.com Walter

      We’re linking to them, just click on the image to go to the source.

  • http://www.deerawan.com Budi Irawan

    very nice post….looks so impressive

  • http://survivalinsurance.com Barry Shereshevsky

    This is such amazing information that really explains so much. Extremely useful and I thank you for this very much!

  • http://www.brushthis.com Liora

    Big WOW! You keep coming up with such range and quality. This post has held me captivated, and wishing I could print them out to hang up in my office. Interesting to see the global color use during the year, and how in the UK and Germany, colors are so much more limited in the winter months.

  • http://jquerysource.co.cc ocetby

    awesome! we must bookmark!

  • http://www.samacreation.com sama creation

    awesome thank you

  • http://watcherz.net F1tzz

    amazing illustration

  • http://www.icouple.sg/blog YILKA

    Excellent post, love the ‘Browsers War’ :D

  • http://selectoid.wordpress.com marc

    A superb post. Thank you for collecting all these!

  • Joao


  • http://www.honeytechblog.com Honey Singh

    Many of the infographics are new for me.
    Nice to see them on a single place.

  • http://www.empfehlenswert-wien.at erk

    i like the “Web Trend Map 4”

  • http://blog.wefightboredom.com MIchael

    It’s never been so easy to absorb so much data. I feel smarter.

  • http://www.getapop.com Mike

    Amazing! I love the Twitter vs Facebook graphic.

  • http://www.onextrapixel.com Terrance-OXP

    This is so cool. I never see such interesting infographics. How did you managed to find them anyway.

  • http://www.e11world.com e11world

    This is a really nice collection I’ve seen about 15 more that could be here as well! Thank you very much.

  • http://www.gerbenvandyk.com Gerben

    Wow, Great article. Just looking at these makes it so much clearer and as the title suggests easier to explain. Thanks.

  • N-Q Chang

    Thanks for the post. Fantastic collection.

  • http://maddon.net Madeline Ong

    Good post. I wouldn’t say they’re useful, exactly, but they are indeed interesting and fun to look at.

    My favorites:
    -Periodic table of typefaces
    -A month of spam (I loved the list of common spammer names)
    -Online communities map
    -Building a company with social media
    -Classifying experiences
    -Digital media weights and measures

  • http://www.zapcase.com.ar/blog/ JuanZe

    Brilliant! Excellent collection.

  • http://www.wpbin.com Matt
  • Jeena

    This post is awesome. Thanks for sharing

  • http://realtaiji.com S.Smith

    Brilliant…colors, content, concept.

  • http://sirjorge.com/blogx sir jorge

    those are incredible

  • http://viewmyblog.com Peter
  • http://www.mp3vampires.com sek

    Very useful thanks.

  • http://www.ilovethislink.com Bid Web Directory

    Nice information.. thanks for share

  • http://citycricketers.wordpress.com city cricketers

    Great Collections. The difficult informations in a simple way. Awsome looking figures and cool visuals too. :)

  • http://wealthyonlineincome.com Gary

    Fantastic stuff! I am loving it!

  • http://www.foxyturkey.com Yigit Ozdamar

    What a nice post! Thank you!

  • http:/www.pistacheclothing.com Pistache Clothing

    awesome work….. going to re-read the whole lot again…..

  • http://fikirli.info/ asif eminov

    Yeeah. Great post. )) Thanks this post.

    2. Period Table of Typefaces” :)

  • http://www.Myspace.com/Ogaga4Luv007 Ogaga Onowighose

    Wow-they are amazing! .,thanks for posting and sharing .

  • http://ran.liwanagfamily.com/ rovielran

    awesome indeed :D

  • http://glyx.blogbus.com/ Yves

    Thanks for sharing, pic #24 is awesome!!!

  • http://www.toprankmarketing.com Camilet

    Was #24 created manually or did you use graphing software? We were trying to create graphs like this in Xcel a while a go for a client & couldn’t get close to an image such as this.

  • http://www.smittysholdings.com Lee

    I do not post much, but this has to be one of the most impressive pieces of work that I have seen. Amazing working, the detail is extraordinary. Well thought out, and the design is incredible.

    Well done!

  • http://tutlib.com echipvina

    Yeeah. Great post. )) Thanks this post.

  • VS

    Simply Awesome! most impressive posts i have come across lately!! Congratulations.

  • http://eoinbailey.com Eoin Bailey

    This is great, thanks a million for putting it together!

  • http://visualthinkmap.ning.com/ chris

    i must say, i like to go through these collections to and see if there are any i havent seen, there quite a few to my surprise, brilliant



  • Lori

    Awesome and inspirational.

  • http://www.discover.com Steve Furman

    We would like to use the Browser Wars graphic in a Discover Card blog post. Do you know the owner of this graphic and how I can get permission to use. We will obviously credit appropriately. Thank you.


    • http://www.webdesignerdepot.com Walter

      Click on the image to clearly see the author’s note and copyright.

  • http://www.bubbila.com Steve

    Love your stuff…

  • http://www.designageco.com bruce

    If a pciture is worth a thousand words, some of these infographics are worth many thousands!

  • David E

    I’d really like to know more about the software that aggregates the data and the software that puts it into the forms that we can see it in these examples!

  • http://www.tuvinh.com TuVinhSoft

    This is truly a great collection, thanks for sharing.

  • http://www.animonlive.com Shailendra

    All graphics are brilliant. Worth wile to bookmark

  • http://www.twitter.com/designiac designiac

    Cool infographics… “infoporn”!

  • http://www.belmos.com Weight Loss Pills

    nice nice,,,,, these are mind blowing,,,,, thanks

  • http://www.cssstyle.me Lars

    awesome …!

  • http://www.kevinleary.net Kevin

    Great post, I love the work by the Information Architects. That web map get’s better each year.

  • Pfeisinger

    Awesome post! My favourite is ‘browser wars’.

  • http://seeminglee.com See-ming Lee

    Thanks for including me in your collection! I wonder where you find it from originally? :)


  • http://www.erkasoft.com ertan (erkasoft web tasarım)

    very nice graphics. thanks.

  • http://www.industriasplaneta.com Alejandro Sanchez

    im in love whit this page

  • http://www.healthfitnesspedia.com/review-aquafresh-white-trays/ aquafresh white trays

    I am not a designer but these tools are looking great. I am gonna try them.

  • http://www.acne-reviews.org/ Diggs

    wowo, wonderful images. it is great to see. i think it is photo shoped, but it’s amazing .

  • http://xkonstantine.wordpress.com Kate

    Love country codes & the periodic table!

  • http://www.microstock-advanced.com tobe

    awesome! great! godlike!

  • http://www.b2bcfo.com/forensic_accounting/expert_witness.html expert witness

    That’s really a fantastic post ! i added to my favorite blogs list..

  • stego

    im in lv wit thz website…….kip da work up…..

  • http://..comin'soon.. khan168


  • http://www.oxidizzy.com oxidizzy

    A powerfull collection. !!!
    Thanks for sharing.

  • http://ThatBaldDesigner.com Bumhan

    Amazing. It gives me thrills anytime I find such effective and clever infographic designs. Thanks for the collection.

  • http://serialnumber.in serial number

    If you believe you can, you probably can.

  • http://www.infographics.tk Yucin TXT

    Thanks nice collection!

  • http://www.offercreditcards.net Auguste

    Wow! These colors are great. It looks like I will always come here looking for information for websites.

  • http://ellumobile.blogspot.com iphone crowds

    Good Looking……………….

  • http://www.bulwarkpestcontrol.com Pest control Austin

    that’s really a fantastic post ! ! added to my favourite blogs list..

  • http://www.appointment-plus.com online appointments

    Wonderful list there.. some I’ve never come across before, very useful, Thanks :)

  • http://desingarts.wordpress.com/ desing arts

    .I really impressed while reading your post…..Thank you so much , it will useful to every one….

  • http://www.acne-reviews.org/ acne solution

    this is great. high quality for free. very nice!

  • http://www.whohasthefastestcomputer.com Bill

    In many case, pictures are worth a billion words.

  • http://www.chotrul.com/skills/design-markup.html Chotrul Web Design

    There are so many awesome infographics here … coming from some pretty off the wall angles in many cases .. thanks for sharing them.

  • http://www.rajasthantour7.com/ Golden Triangle Tour

    Thanks guys. I’m inspired by your work people ;)

  • Robbie

    I wouldn’t begin to say that these are “useful”, but interesting? Absolutely. Good collection.

  • Annie Smidt

    This is a stupendous collection. Like you said in the intro, they can be “useful” for web designers (to use for talks and explaining things to clients, etc.), however, I don’t feel comfortable doing that without being able to credit the sources and/or get permission. Is there any way you could add links to the original sites to each entry, or in an appendix?


  • Annie Smidt

    Seems you can more or less track down the sources for the images by clicking on them and checking out either the page you’re taken to, or the URI.

  • http://maiconweb.com Maicon Sobczak

    A loved the Period Table of Typefaces. Very useful

  • http://www.intelegencia.com Jackson

    WOW! Amazing designs and excellent collection. !!!Just great keep the good work going. great article…

  • Lochan Baratakke

    Fine work!

  • http://www.infographicsshowcase.com/ Graphics Guy

    I have seen most of these, but “A Month of Spam” is new and very depressing.

  • http://aasiwalseotips.blogspot.com/ aasiwal

    that’s awesome you can curl your hair with a flat iron!

  • http://www.stuffwemake.co.uk Tracie

    Great post! I love stuff like this :) Love the facebook twitter infographic

  • stephanie

    I created an info graphic for class once. it was very frusturating. if i had some FUN stats such as these maybe i would have had more fun, but ever snce that day i dont ever wanna make one like it again

  • Isaiah

    Ahh yes the empire of microsoft strikes back

  • http://www.bestcertifiednursingassistant.com/cna/cna-practice-test/ CNA Practice Test

    wow…nice tools…

  • http://www.thewallworks.com Adam

    This is awesome. So creative!

  • http://www.enailsupply.com gigi wax

    All right, you’ve inspired me to try this.

  • http://www.mustak.org Hakan Müştak

    great post! Thank u!

  • http://www.halfpages.com half

    nice work i would say very good presentation

  • http://ssketchaddict.blogspot.com Sketch Addict

    Awesome collection of infographics, m gonna take their printouts and fill walls of my room by the posters. :)

  • http://www.techexplorer.in Jal

    Nice round up of infographics.. Bookmarked it :)

  • http://www.hashimkhan.com Hashim

    Amazing stuff, so that means orphan pages are search engine spider’s favorite. Good info.

  • http://www.howtomakeabloggerblog.com/ Roshan

    Great post. I love stuff like this very much. Thanks

  • http://www.dailyshortnews.info/ Rown

    2.0 Mosaic rules …

  • http://www.submitopresto.com/web/ Franck

    Wow, nice collection! The #19: What 16 Million Colors Looks Like is the one that got my attention.


  • http://www.imaginepaolo.it imaginepaolo

    This is one of the coolest posts I’ve seen all month.

  • Hermitbiker

    …. what a great post of 25+ Useful Infographics for Web Designers, or even for people like me !! :)

  • http://www.prosite.de Domain

    Very nice graphics. Thanks, that was real amusing and informative.

    Regards Ulrich

  • http://healthybaba.com mike

    Really helpful..

  • http://www.coquetcottages.co.uk/cottage_index.html Coastal Cottages

    Liked the Periodic Table of Typefaces the best. Great collection, thanks for this.

  • http://googletags.wordpress.com/ Google Tags Post

    wow… great stuff, I will definitely try to apply this on my web page

  • http://www.whoisjewelry.com jewelry

    Very nice graphics. Thanks

  • http://www.hive-seo.com Hive SEO

    This is great stuff. I’ll be using a couple of those SEO graphics. Thanks

  • http://www.everyflashlight.com/ Streamlight Rechargeables

    wow~~~~~~~~great points……


  • http://www.usevector.com/ VectorMan

    This is great collection!. thanks for interesting graphics! I try creating something like this styles…

  • http://www.farketmez.net Farketmez

    Verry nice post, thanks

  • Kristi

    Great stuff.

    One thing: Web content doesn’t end with the user, it usually starts there, not web scraping. Site searches, Google searches and other analytics, feedback, etc. News from around the web, etc.

  • http://www.offtheme.com Lyss

    A very interesting read. Thanks for sharing it :)

  • http://www.writingconsultation.com Sarah

    These are simply amazing and the best part is, I find it very useful for writers, not just for designers. These can help us writers to generate more ideas.

  • http://tractr.net/ Mervet BENRABAH

    My favourite one is the Browser Wars!!! great article

  • http://RapidEmailCash.com Sammy

    Hello, I just stumbled upon this post and I have to say it is incredibly impressive to see the thoughts of some designers’ imaginations. Really takes me back seeing such innovative uniqueness on the internet these days.

    Thanks for the post, very much appreciated.

  • http://surda.cn SurDA

    very nice images.good.

  • http://www.choose-a-domain.com/ Choose a Domain

    These are fantastic! We Stumbled Upon this post and these are really really useful! Thank you!

  • http://www.cher4life.com transfer factor Plus

    My favourite one is the Browser Wars!!! great article

  • http://userinterfacedesigner.weebly.com/ best seo services company

    that’s really a fantastic post ! added to my favourite blogs list.. I have been reading your blog last couple of weeks and enjoy every bit. Thanks.

  • http://findpeople-search.ws/ Zain

    The graphics are really impressive, just curious to know where did you collect this data from?

  • http://mochashot.tumblr.com Christopher Chance

    This is really great. I can’t imagine the time and efforts that went into creating this article collecting all those infographics from various sites. A job well done. Five Stars !!!

  • http://www.ericbieller.com Eric

    Awesome post.. I especially liked 5. Flickr User Model and 9. Online Communities Map. Keep up the good work!

  • http://www.sterlingsilverbellybuttonring.com Sterling Silver Naval Rings

    Very good blog.Thank you for sharing.Best wishes !

  • http://www.depotgo.com r4dsi

    I done a research on the topic and learnt nearly all peoples will agree with your blog.I think i will add it in my favorite.

  • http://www.vibramfivefingerse.com fivefingers8

    Instead of pouring over figures and long reports to decipher data, an infographic can immediately make apparent exactly what a dataset actually means.

    i am agree with you. but the process is too difficult to understand.

  • http://www.zorastones.com Design Fabrication

    As a newbie, this article was really helpful, thanks for sharing!

  • http://www.moroccan-furniture-decor.com/cat_moroccan_lanterns.cfm moroccan lanterns

    Thank you, what a great input.

  • http://dailydemotivators.blogspot.com Uncle LOL

    And no Comic Sans at periodic table of typefaces? I’m disappointed ;)

  • http://www.dfogoldvip.com dfo gold


  • http://www.techtic.com njmehta

    It’s sad when graphic designers make beautiful, beautiful info graphics that are obsoleted in a month.

  • http://www.techtic.com njmehta

    It’s sad when graphic designers make beautiful, beautiful info graphics that are obsoleted in a month.

  • http://www.flutterhappy.com arvee

    great article! I ♥ it. ♥

  • http://www.wheelerspc.com dan

    to much but i learn some

  • http://www.elliance.com Abu Noaman

    We are honored that you have chosen to display 5 of infographics by Elliance (Life of an article, Search Engine Spider Traps, Google PageRank Explained, Building a Company with Social Media, and SEO Checklist), but we don’t appreciate that you have stripped out our copyright notices from each. Would you please restore our copyright notices? Thanks.

  • http://www.techtic.com njmehta

    It’s sad when graphic designers make beautiful, beautiful info graphics that are obsoleted in a month.

  • ranfirefly
  • http://entrainement-sportif.fr/ Training

    Good very friendly and usefull

  • http://www.winterpanoramen.de Markus

    Thank you for this fine stuff. very nice graphics!

  • Mike

    Heres another interesting infograph you can download: http://www.stickmen.co.za/online-marketing-infographic-download/

  • http://www.brettwidmann.com Brett Widmann

    Thanks for all these great resources!

  • http://www.cnapracticetest.net CNA Practice Test

    Hey great infographics here! Any idea where I can find more or how to brainstorm to get more ideas? Thanks again…

  • http://v4vectors.blogspot.com/ vector graphics

    That is pretty neat. At least Google has the consumers in mind for the time being.

  • http://ethicstrainingguide.org Ethics Training

    I found the infographic about the worlwide domains to be my favorite. It seems lik each day there are more and more domains for counrtries I’ve never even heard of.

    I wonder what the future of domains is going to be…What I mean is, I wonder whether on not search engines will continue to provide an exact-match domain value.

    What do you guys and girls think?

  • http://masenchipz.com Masenchipz

    nice infographics wdd… i’m wait the next infographics for web developer :P

  • http://www.cybercom2000.com Magento Developer

    Thank you so much for sharing awesome infographics.

  • http://moneyqik.com/ SREE

    wow, great ,excellent, awesome.