InfographicFeature

The 80 best infographics on the web today

Infographics are everywhere, and cover everything from superheroes to typography. We've trawled the web to find the best of the bunch - just look what we've uncovered!

Every picture tells a story, as they say, but sometimes it takes a clever combination of words and pictures to tell a story quickly, concisely and in an entertaining fashion.

Advertisement

The best infographics may look like they were simple to create in Photoshop, but designing an effective piece of data visualization is usually anything but.

We've trawled the web to uncover the very best examples of infographics, to show you just how it should be done. Some are funny, some more serious, and all are inspiring examples of the art.

01. How to be a superhero

how to be a superhero
Click on the image to see the enlarged infographic

This adorable infographic from Canadian illustrator Zia Somjee informs us of how we can aquire a back story, a secret identity and even an arch-nemesis, you'll be the next Superman - or Batman or whoever your favourite is - in no time. So, whether you're concerned about which colour spandex you should opt for or how you'll go about acquiring a power, look no further than this fun and inspiring offering.

02. The magnificent multitude of beer

beer infographic
Click the image to see the full sized infographic

The multitude of varieties, brands and tastes of beer available can sometimes be a little overwhelming. So what better way to showcase the taxonomy of beer than with an infographic?

A favourite here at Creative Bloq, Pop Chart Lab have now built on their original beer infographic from 2010 and created a 60x40in malty monstrosity called The Magnificent Multitude of Beer. It ended up being so big that the team had to enlist the help of another printing firm to handle the job. After all that hard work, let's hope they found time to head to the bar afterwards.

03. How to avoid design distractions

how to be productive infographic
Click on the image to see the full sized infographic

Designed by Anna Vital, this useful infographic shows us how we can get our work done and avoid those ever-apparant distractions. The cute colour scheme not only charts the type of productivity but also provides a lovely aesthetic. Whilst some of the advice is pretty obvious, it's nice to have it all in one place to remind us to focus on the task in hand. Hopefully once you've had a peek, you'll go back to what you were supposed to be doing!

04. The Existential Calculator

Artist Kelli Anderson was asked by Adobe to "make something interesting" for designers attending the recent AIGA event, and this paper-made infographic, the 'Existential Calculator', was her response. It aims to answer that age-old question, 'Should I take that job?'. Okay, we know that this calculation wheel might not give you all the answers to life's questions but it sure does look nice. Learn more about The Existential Calendar on her blog.

05. The Marvel Universe

Marvel infographic
Click the image to see the full sized infographic

With the much anticipated release of one of the best 3D movies, Thor: The Dark World just around the corner, we just can't get enough of all things Marvel. This brilliant infographic from illustrator Sam Gilbey showcases the cinematic figures for our favourite superheroes.

This brilliant background illustration teamed with the expansive figures make this a perfect infographic for any comic fan. We love the way he's laid out all the information without losing any artistic aspects.

06. Why your brain craves infographics

This infographic hits the parts other infographics cannot reach

This one's new on us - an infographic about infographics. Okay, so Neo Mam Studios may not be the first agency to have this idea, but what they've come up with is beautifully designed and brilliantly executed. An online experience built with HTML5 and CSS3, you can check it out in all its interactive glory here.

"The parallax scrolling effects were probably the most difficult to achieve," says Neo Mam's Danny Ashton. "Our developers looked at the available libraries and described them as a bit 'wonky', so they ended up creating their own instead."

Besides that, says Ashton, the challenge in building the infographic was to keep the CSS as simple as possible. "We wanted a smooth, user-friendly experience," Ashton explains. "That was more important to us that doing loads of 'tricks'."

07. What font is your city?

US cities get the typographical treatment in this infographic

The team at Motovo aren't your average group of real estate agents. Not only are they fascinated by typography, they also have a sense of humour. The team's latest creation is this brilliant infographic, in which they match 10 US cities with their font equivalents. New York, Phoenix, Memphis, Philadelphia and Chicago are among the cities featured, each accompanied by its own font and the name of the designer behind it.

The Movoto staff picked their favourite cities from across the US and came up with several adjectives to best describe them. They then scoured the internet for various fonts, which, in their opinion, represented the adjectives. However, knowing that typography is dear to many people's hearts, the Movoto team also asked the advice of professional designers in each city.

We think they've done a brilliant job at matching fonts to each city, with New York and Chicago being particular favourites of ours. What do you think?

08. Fume leads to death

Infographic helps people make an informed decision about quitting

We've all seen gruesome images and videos showing the effects smoking has on the human body, but here graphic design student Heng Chun Liow has taken the subtle approach. With not a diseased heart in sight, Chun Liow developed this infographic and series of conceptual posters, which combine simple vector graphics and basic facts with the tagline 'Make your choices. It is your life'.

We love the way the simplicity of the design communicates a simple idea, putting the emphasis on personal choice. Even if you couldn't read the words, the clever illustrations shown above and immediately below convey a message that couldn't be any clearer.

09. Superman costume changes

superman
Click the image to see the full size illustrated chart

This year's been a great one for 3D movies and were blown away by the new Superman movie, Man of Steel. To celebrate its release, digital artist Imbong Hadisoebroto has created this illustrated infographic tracing how the superhero's appearance has evolved since 1934. Moving through the decades, it's incredible to see the transformations that the iconic suit has gone through.

From the classic caped-crusader costume to other, lesser-known offerings, Hadisoebroto gives a comprehensive view of Superman throughout the years, including the latest design by James Acheson
and Michael Wilkinson. See more Superman-inspired art from Hadisoebroto on Deviant Art.

10. Imaginary Factory

 iPhone
Who needs a manual with illustrations like this?

Illustrator, designer and typographer Jing Zhang has dived into her creative mind and produced a series of adorable infographics. Here, she's imagined elves hard at work inside our favourite gadgets with some cute illustrations and quirky annotations. The infographics include iPhones, cameras, clocks and TVs as well as coffees, cakes and teapots.

11. 200 Super powers

Click the image to see the full sized infographic

This is the third iteration of Pop Chart Lab's popular superpower infographic, the material sourced from the last 75 years of comic books and broken down into seven main skills sets; powers of the mind, animal powers, mastery, powers of the body, force control, object manipulation and weapons-based.

This vibrant design is seriously impressive, the sprawling taxonomy of over 200 superpowers and 600 superheroes and villains spreading over six square feet. We're also loving the final rendered vintage-style design, which pays tribute to the great cosmic covers of the Bronze Age of Comics. 

12. Distance to Mars

 Distance to Mars
Click image to view the full infographic

Ever wondered how far it is to Mars? Yes, we know that Wikipedia can tell you the exact distance, but once numbers become, well, astronomical, it can be difficult to really wrap your head around them. To help you out, David Paliwoda and Jesse Williams's motion infographic, Distance to Mars visualises these massive distances in a way that every digital designer can understand - in pixels!

13. Games controllers

 games controllers
Click image to enlarge

Take a look at the infographic above and tell us you haven't spent hours, even days of your life thumbing several of the controllers you see! The wonderful people at Pop Chart Lab have created this infographic detailing the complete family tree of video game control schemes, including handhelds, joysticks, paddles, gamepads, rifles, steering wheels, and even a glove.

14. Zhi Liang

 resume
Zhi Liang's infographic resume certainly stands out from the crowd

Singapore-based student Chen Zhi Liang was set a task by his graphic design tutor to create an infographic résumé and we think he's come up trumps with this design. Showcasing the all-important qualifications and skills, the résumé is eye-catching without being overwhelming. Liang's minimal approach is perfect for an overcrowded job market. 

15. Doctor Who

 Doctor Who
Click image to see the full size infographic

Doctor who fan and designer Sam Gibley was commissioned by Virgin TV to create this illustrated guide to commemorate the 50th anniversary. Artful and easy to digest, it provides a wealth of information on the history of the character, as well as some interesting factoids and trivia. 

16. Feltron Annual Report

 Feltron
Click image to see the full Feltron report

Nicholas Feltron is best known for being a member of the product design team at Facebook. But, since 2005, he's been working on a personal project called the annual Feltron report. Every year, the designer releases the daddy of all infographics documenting everything he's done in 12 months. Awesome.

17. Fonts & Colors

 Fonts & Colors
Click the image to see the full size infographic

Internet marketing and design company Tasty Placement developed this cool infographic that focuses on the use of fonts and colour among the world's leading brands. The interesting study shows which colors, typefaces and styles come together to form the logos of the world's 100 most powerful brands.

18. Serif vs Sans

 Serif vs Sans Serif
Click image to see the full size infographic

Ever find it hard to choose between Serif and Sans? If so, this Serif vs Sans The Final Battle infographic might come in handy. The design runs through what type of typography is best suited to different projects. And the result? Serif is better for print and Sans is better for web. 

19. Wind map

 Wind map
Click the image to access the animation

A beautiful and original infographic, this animated wind map shows the delicate tracery of wind flowing over the US. The animation, developed by artists Fernanda Viégas and Martin Wattenberg, creates a series of beautiful patterns depending on which direction the wind is flowing. The interactive project also allows you to zoom in to see more details in a specific area.

20. Chinese social media landscape

A favourite of ours here at Creative Bloq, this is illustrator Jessica Draws' first ever animated infographic. Jessica was commissioned by China Blueprint Online to design an infographic to communicate the benefits of using Chinese social media in Australia.

21. Facebook: Supercharging your apps

 Creative Bloq Facebook
Click the image to see the full size infographic

Feast your eyes upon our very own infographic, created by our in-house designer extraordinaire James Hollingworth. Here, you'll discover how Facebook has helped apps grow and develop, and the effect that being on the world's biggest social platform can have on your own app.

22. Evolution of the F1 car

This brilliant animated infographic was created by designer Rufus Blacklock. He has condensed 62 years of F1 car evolution into one handy minute-long video.

23. Olympic swimming 2012

 Olympic swimming
Click the image to see the full size infographic

Last year, graphic designers were well and truly in the grip of Olympics fever and this brilliant infographic from CREAX - created for their June 2012 newsletter - is one of the best offerings.

24. Home is where the internet is

 Home internet
Click the image to see the full size infographic

As social media continues to be a part of our everyday lives, it's also becoming an important part of the way we travel. Tripl, a startup that allows users to share travel tips, trip itineraries, and photos from friends, created a cool infographic that shows how social media affects the way we travel.

25. The growth of green technology

 Green tech
Click the image to see the full size infographic

Environmental issues will always be a hot topic and this infographic from The World Bank showcases the consequences of continuing on the current trajectory and suggests the benefits that can accrue from making a shift to green technologies.

26. Credit cards go social

 credit cards
Click the image to see the full size infographic

Have you noticed the steady increase of credit card adverts when you log in to Facebook? Credit card companies have started to up their presence on social media websites to lure in young customers. This infographic from card hub explains why you should care...

27. Rank for your name in Google

 Rank in Google
Click the image to see the full size infographic

Want to rank better in Google? If you’re an individual, you could build your own site and hope it does well. But you might have more success by creating a page for yourself on a social media site like LinkedIn, Facebook, or Twitter. This infographic from Search Engine Land shows you how.

28. The 10 things we fear and love about BYOD

 BYOD
Click the image to see the full size infographic

BYOD (aka Bring Your Own Device) has gone from unknown techie ackronym to full blown phenomenon, with people taking their personal iPads and smartphones into work. This is happening in plain view, and with the full approval, of IT managers and CIOs. This infographic from zdnet showcases the loves and hates that this trend has inspired.

29. The current state of social networks

 social networks
Click the image to see the full size infographic

Twitter has recently proved itself as the social network with the strongest growth rate in 2012 so far, far ahead of the likes of Pinterest, LinkedIn and Reddit. This infographic from Ignite Social Media collects all the latest social network statistics.

30. Analysing London 2012: live infographic

 Analysing London
Click the image to go to the live infographic site

This Olympics infographic from GoSquared is one of the most impressive interactive infographics we've ever come across. See for yourself and scroll - can you beat our score?!

31. How Google works

 Google Works
Click the image to see the full-size infographic on ppcblog.com

A superbly-detailed visual walkthrough of what happens at Google after you add a new piece of content to the web. Like this post.

32. A history of app stores: Store Wars

 App Store Wars
Click the image to see the full-size infographic on Web Page FX

The team at Webpage FX compared the Apple App Store, Android Market, Blackberry App World, and the Nokia, Palm and Windows Phone 7 app directories. Stats include the OS distribution, percentage of paid vs. free apps in each directory, average apps downloaded by device, average app cost, and total 2010 revenue from all apps sold.

33. The life & career of an average designer

 designer life
Click the image to see the full-size infographic on Flickr

This information graphic charts the life and prospects of the average designer, whether you work for an agency or strike out on your own as a freelancer.

34. The brain of the beginning blogger

 brain of a blogger
Click the image to see the full-size infographic on problogger.net.

Tips for newbie bloggers. This is a visual representation of the list-style post, which we talk about in the post: Infographic design secrets: 10 tips for dynamic data visualisation.

35. The fries that bind us: McDonald's and Starbucks infographic

 McDonald's and Starbucks
Click the image to see the full-size infographic at princeton.edu

We all thought that McDonald's and Starbucks were taking over the world; well, this clever infographic proves it. It looks at the number of stores each establishment has created, as well as their profits and produce. Scary stuff.

36. What happens in an internet minute?

 internet minute
Click the image to see the full-size infographic on Flickr.

A beautifully drawn and conceptualised information graphic that, in another life (and created by another designer), could have been a ho-hum pie chart.

37. Where did the money go?

 where did the money go
Click the image for the ful-size infographic on Visual Economics

This information graphic explores the average spending of an American consumer. The results may not come as a surprise, but the circular design is a lovely touch.

38. How would you like your graphic design?

 graphic design
Click the image above to see the full-size infographic at coolinfographics.com.

How badly do you want to show this to your clients?

39. Global carbon footprint

 global carbon footprint
Click the image above to see the full-size infographic at core77.com.

A powerful examination of global carbon footprints, measured by country. Note how the actual data is invisible. The relative size of the circles does the job without having to list any numbers. Make sure you view the complete version to see how this cropped image fits in.

40. UK gamers and their playing habits

 uk gamers playing habits
Click the image for the full-size infographic on New Zoo

The leading international games market data, consulting and publishing company New Zoo created this quirky infographic showcasing how gamers in the UK spend their money and their time; with a few fun facts thrown in for good measure.

Log in to Creative Bloq with your preferred social network to comment

OR

Log in with your Creative Bloq account

site stat collection