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

water.css

svg {
  background: #262626;
}

path {
  stroke: white;
  fill: red;
  stroke-width: 20;
}

water.js

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

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

g = svg.append('g');

line = d3.svg.line()
  .x(function(d) { return d.x; })
  .y(function(d) { return d.y; });

g.append('path')
  .attr('d', line([
    {
      "x": 0,
      "y": 0
    },
    {
      "x": 100,
      "y": 100
    }
  ]))