ChartIndex

.chart div {
font: 10px sans-serif;
background-color: steelblue;
text-align: right;
padding: 3px;
margin: 1px;
color: white;
}

//d3js.org/d3.v3.min.js

var data = [270,221,124,108,66,23,138,55,19,81,40,51,95, 112,242,76,61,137,191,173,186,318,197,259,286,272,255,207,202,263,106,250,282,53,319,97,351,342,373,89,176,196,132,180,275,149,115];

var x = d3.scale.linear()
.domain([0, d3.max(data)])
.range([0, 420]);

d3.select(“.chart”)
.selectAll(“div”)
.data(data)
.enter().append(“div”)
.style(“width”, function(d) { return x(d) + “px”; })
.text(function(d) { return d; });