bbar demo

dabblet.html

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://stats.bensbit.co.uk/javascripts/bbar.js"></script>


<header>
	<div class=container>
		<h1>StatsBox</h1>
	</div>
</header>
<div id="content" class=container>
	<div class="bbarContainer" data-bbar="[{'value':17},{'value':19},{'value':27},{'value':30},{'value':9},{'value':10},{'value':11}]"><canvas width="280" height="66" class="bbar"></canvas></div>
</div>
<script>
$('.bbarContainer').each(function() {
	$(this).bbar(JSON.parse($(this).attr('data-bbar')));
});

</script>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}