sample.html

<html>
<head>
    <script src="ezbc.js" type="text/javascript"></script>
</head>
<body>
    <div id='container' style="height: 100px;width: 100px; border: solid 1px;"></div>
</body>
<script type="text/javascript">
    var data = [
        {
            value: 100,
            color: 'blue',
            label: 'what what',
            border: true,
            borderColor: 'black'
        },
        {
            value: 250,
            color: 'rgb(255, 153, 0)',
            label: 'middle box',
            border: true,
            borderColor: 'black'
        },
        {
            value: 70,
            color: '#00FF00',
            label: 'badgerbadgerbadger',
            border: true,
            borderColor: 'black'
        }
    ];
    var container = document.getElementById('container');
    EZBC.draw(container, data);
</script>
</html>