created by http://livecoding.io

README.md

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

options.json

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

water.css

svg {
  position: absolute;
}

water.html

<!-- html goes here -->
<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('ellipse')
  .data([1])
  .enter().append('ellipse')
  .attr('cy', height/2)
  .attr('cx', width/2)
  .attr('rx', 70)
  .attr('ry', 30);

water.json

{ }