Adapted from jqBarGraph plugin

Jan=4203

Feb=5015

Mar=5503

Apr=4983

May=5352

Jun=5870



How to adapt


To add this widged, add a division
<div id="a-0" class="wg-bargraph">
and get jquery to transform that content into an interactive.
jQuery(".wg-bargraph#a-0").jqBarGraph({});
The data should be specified as a list of items with display name / value.
<p class="item">Jan=4203</p>
Graph options are defined by default. You can overwrite them by editing the script options. Check the documentation for the jqBarGraph plugin for more information.
width: 500,
colors: ['#122A47','#1B3E69'],
color: '#1A2944',
barSpace: 5,
title: '<h3>Number of visitors per month<br /><small>simple bar graph</small></h3>'</span>
Code:
<div class="simpleGraph">
<p>Jan=4203</p>
<p>Feb=5015</p>
<p>Mar=5503</p>
<p>Apr=4983</p>
<p>May=5352</p>
<p>Jun=5870</p>
</div>

<script type="text/javascript" src="http://widged.com/widgeds/js/jquery.barGraph.1.1.min.js"></script>
<script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
jQuery(".simpleGraph").jqBarGraph({
  width: 500,
  colors: ['#122A47','#1B3E69'],
  color: '#1A2944',
  barSpace: 5,
  title: '<h3>Number of visitors per month<br /><small>simple bar graph<\/small><\/h3>'
}); 

//-->
//]]>
</script>