created by http://livecoding.io

options.json

{
    "libraries": [
        "d3"
    ],
    "mode": "javascript",
    "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('circle')
  .data([18, 57, 112, 323])
  .enter().append('circle')
  .attr('cy', 236)
  .attr('cx', String)
  .attr('r', Math.sqrt);

water.json

{ }