Chart Sample with d3js

HTML

<script src="http://d3js.org/d3.v2.min.js"></script>
<div id="chart">
</div>

CSS

#chart div {
   background-color: steelblue;
   text-align: right;
   padding: 3px;
   margin: 1px;
   color: white;
}

JavaScript

var data = [10, 20, 30, 40];
var chart = d3.select('#chart');
chart.selectAll("div")
    .data(data)
    .enter()
    .append("div")
    .style("width", function(d) {
        return d * 10 + "px";
    }).text(function(d) {
        return d;
    });


data = [50, 50, 30, 80];
chart.selectAll("div")
    .data(data)
    .enter()
    .append("div")
    .style("width", function(d) {
        return d * 10 + "px";
    }).text(function(d) {
        return d;
    });