7 Amazing Interactive Infographics Created With HTML, CSS and Javascript


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.
  • State of The InternetThe Internet is a strange, huge beast. It is getting bigger, faster and more mobile each day. Ferocious social networks fight each other to be on top and gain more of our attention and personal information. An entire economy is generated from our browsing habits. This is the face of the Internet now.
  • Is the Internet Awake?An Approximate view of day and night in the top 25 countries by number of broadband internet users.
  • Intacto 10 Years of HistoryA work that shows our decade of history through a digital universe trip.
  • Future of Car SharingThe Bright Future of Car Sharing Infographic.
  • Sandalous DirtDiscover all the hot conversations and topics over twitter community.
  • Organized Crime: THe World's Largest Social NetworkThe Mafia, la Cosa Nostra, the Yakuza, Mexican cartels - the underworld is ruled by a complex network of criminal groups. Here's how they fit together/
  • How many slaves work for you?Interactive Infographic. It calculates number of slaves based on your input on different questions.
  • You VS. John PaulsonCompare your earning with the super trader John Paulson. *Thanks Michael Berg for this infographic.

About the Author

0 comments

Posts a comment

 
© geekOgizmo | Gizmos for Geeks, Technology for Technofreaks, Information for Infofreaks
Designed by Jotish Suthar Dinesh Kothari
Back to top