Inspirations

7 Amazing Interactive Infographics Created With HTML, CSS and Javascript

Written by Kevin Liew on 18 Jan 2012
129,918 Views • Shares
10 comments

Introduction

Infographics (Information graphics) are graphic visual representations of information, data or knowledge. These graphics able to let us absorb the information in an effective way. In real life, we can easily find some in our surrounding, for example, maps, train route, signs and so on.

On the internet, we can find heaps of well-designed and educational infographics, on Queness, we also featured a few and including a post about how to make one:

However, in this post, we are not going to feature the common static and image based infographics. All infographics in this post are made with HTML, CSS3 and Javascript. We called it - Interactive Infographics. You can see animations, beautiful illustrations and interactivity that able to present all the data into meaningful informations.

Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

10 comments
Ankur 4 years ago
cool designs as always :)
Reply
Carlos 4 years ago
Wow, I cant believe how interactive these infographics are! They are basically snippets of webpages with very cool vector art! I love this. Great work
Reply
psdbundle.com 4 years ago
wow, cant believe these are done in html, nice works
Reply
Michael Berg 4 years ago
You missed this one! http://mahifx.com/
Reply
Jonas 3 years ago
This is the right adress:
https://mahifx.com/john-paulson/
Reply
Carla Mackay 4 years ago
These are very cool designs.
Reply
Jake 4 years ago
Hey, you *definitely* need to check out this brand new interactive infographic at: http://answers.avvo.com/cosmetic-surgery!
Reply
Curious 3 years ago
These are great designs. I have no idea how much nice infographics would cost. How much would you estimate?
Reply
deadfishli 3 years ago
Those are simply amazing!!!
I am doing a project concering interactive infographics and I've never done anything like it. So I am wondering if anybody knows any ressources on how to create graphics like those above?
Help would really be appreciated!
Reply
Deepak 3 years ago