created by livecoding - http://livecoding.gabrielflor.it

water.css

.chart rect {
	stroke: white;
	fill: steelblue;
}

water.js

var width = $('svg').width();
var height = $('svg').height();
var svg = d3.select('svg');

svg
  .attr('width', width)
  .attr('height', height)
  .attr('class', 'chart');

var data = [4, 8, 15, 16, 23, 42];

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

svg.selectAll("rect")
	.data(data)
	.enter().append("rect")
	.attr("y", function(d, i) { return i * 20; })
	.attr("width", x)
	.attr("height", 20);