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

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);