Graphs

Add graphics to your info and create infographics!

A few simple pure CSS graph elements to make your data stand out. Built on bar-graphs and Easy PieChart.

Circular Dials

WordPress
Joomla
Drupal
Blogger
PHP
CSS
HTML
  • View Code
    Exanple 1:
    [los-graph values="65%,18%,12%,8%" labels="WordPress,Joomla,Drupal,Blogger" colors="#2981e4,#333,#444,#333" type="pie" size="150" width="10" scalecolor="#eee"]Example 2:
    [los-graph values="45%,78%,80%" labels="PHP,CSS,HTML" colors="#5fcd90,#ff6760,#5daed5,#65ccd1" type="pie" size="200" width="30" ]

Bar Graphs

Which is the Most Popular CMS?

  • View Code
    [los-graph values="65%,18%,12%, 8%" labels="WordPress, Joomla, Drupal, Blogger" links="http://wordpress.org,http://drupal.org,http://joomla.prg,http://blogger.com/" colors="#5fcd90,#ff6760,#5daed5,#65ccd1" ]

Single bars

  • View Code
    [los-graph values="30%" labels="Single" colors="#5fcd90"]



Vertical Bars


Notice the bars can have links too!!

  • View Code
    [los-graph values="100%,78%,48%,68%" labels="WordPress,Joomla,Drupal,Blogger" colors="#5fcd90,#ff6760,#5daed5,#65ccd1" links="http://wordpress.org,http://drupal.org,http://joomla.prg,http://blogger.com/" type="vertical" ]

Other Possibilities