created by http://livecoding.io

README.md

View this code at http://livecoding.io/5708838

options.json

{
    "libraries": [
        "d3"
    ],
    "mode": "css",
    "layout": "fullscreen mode (vertical)",
    "resolution": "reset"
}

water.css

svg {
  position: absolute;
}

water.html

<svg></svg>

water.js

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

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

svg.selectAll('rect')
  .data([1])
  .enter().append('rect')
  .attr('y', height/2)
  .attr('x', width/2)
  .attr('width', 70)
  .attr('height', 30);

water.json

{ }