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

water.css

svg {
  background: #222222;
}

rect {
  fill: #FFFFFF;
}

water.js

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

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

g.selectAll('rect')
  .data([1])
  .enter().append('rect')
  .attr('x', 0)
  .attr('y', 0)
  .attr('width', 100)
  .attr('height', 100);