Infographic Chart&Graphic HTML Library Sample

by coding-dude.com

This is a demo of the Flat Design Infographic Library showing you the various types of graphs provided by this library.

Buy now

Browser Usage 2013

In December 2013 Chrome was leading in the browser market share with 53.2%

Chrome Firefox Internet Explorer Safari Opera Other Browsers

Doughnut chart

You can easily set whether you want a pie chart or a doughnut chart by specifing the type. All charts allow setting your customized color themes.

Search Engine Usage 2013

In the search engine usage statistics Google is first in 2013 with 67% of the market.

Google Bing Yahoo! Others

Piechart with legend

Filling in your own data very simple. For each pie slice you have a <infographic-pieslice> HTML tag where you can fill in the value and label. The legend for the charts can be shown/hidden or customized with CSS.

Worldwide Internet Users in 2013

2.4 billion people using the Internet in 2013

Shape Bar Graph

You can use any image for the shape in the bar graph. You can customize the fill color, the non-fill color and the fonts.

Facebook Users 2013

Facebook has reached aprox. 1.11 billion users in the world, that is 46.25% of all internet users

Twitter Users 2013

Twitter has around 550 million users, that is 22.9% of all internet users

Internet Penetration 2013

People with access to the internet by continent at the beginning of 2013.

Shape Graph

You can use any image for the shape in the shape graph and it will be filled according to the value you put in. You can customize the fill color, the non-fill color and the fonts.

North America

Twitter users from the total users online

Europe

Twitter users from the total users online

Asia

Twitter users from the total users online

South America

Twitter users from the total users online

Africa

Twitter users from the total users online

Australia

Twitter users from the total users online

Main Browsers Market Share Evolution 2002 - 2013

See how the market share for Internet Explorer, Firefox and Chrome has evolved between 2002 and 2013.

Line Graph

All customizations as for the other graphs are available and you can configure extra parameters for the line graph like line width, handle point size, grid scale and color, etc.
2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013

Main Browsers Market Share Comparison 2008 vs 2013

See how the market share for Internet Explorer, Firefox and Chrome was in 2008 compared to 2013.

Bar Graph

Bar graphs can be horizontal or vertical and can display multiple series. With a simple change of an attribute you can display stacked bar charts. All customizations of the other graphs are also available for this graph too.
Internet Explorer Mozilla/Firefox Chrome Safari Internet Explorer Mozilla/Firefox Chrome Safari Internet Explorer Mozilla/Firefox Chrome Safari Internet Explorer Mozilla/Firefox Chrome Safari