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

water.css

svg {
  background: #000000;
}

water.js

var width = $('svg').width();
var height = $('svg').height();
var svg = d3.select('svg');
var g = svg.append('g');
var line;
var createBranches;
var trunk;
var trunk_width;
var branches;
var flowers;

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

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

g.selectAll('branches')
  .data(branches)
  .enter().append('path')
  .attr('d', line)
  .style('stroke-width', function(d) { return d[1].width; } )
  .attr('class', function(d) {
    return 'branch';
  });