Tributary inlet

_.md

[ Launch: Tributary inlet ] 5015456 by tmcw
[ Launch: Tributary inlet ] 5004872 by tmcw
[ Launch: Tributary inlet ] 5004756 by tmcw

config.json

{"description":"Tributary inlet","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01}

inlet.js

var svg = d3.select('svg');
var g = svg.append('g')
	.attr('transform', 'translate(100,100)');
var data = [];

d3.range(0, 20).map(function(y) {
  data.push(d3.range(0, 20).map(function(x) {
    return {
      x: x,
      y: y + (1.3* Math.random() *
      	(Math.sin(x / (Math.PI * 4 / 2))))
    }
  }));
});

var l = d3.svg.line()
  .interpolate('monotone')
  .x(function(_) { return _.x * 20; })
  .y(function(_) { return _.y * 15; });

var lines = g.selectAll('path')
    .data(data, function(d, i) { return i; })
	.enter()
	.append('path');

g.append('g').attr('transform', 'translate(100, -10)').append('text')
	.text('JOY DIVISION');

g.append('g').attr('transform', 'translate(20, 330)').append('text')
	.text('UNKNOWN PLEASURES');

lines.attr('d', l);

lines.exit().remove();

style.css

body {
  background:#000;
}

path {
  fill: #000;
  stroke: #FFFFFF;
  stroke-width:2;
}
text {
  fill:#fff;
  font:'Helvetica';
  font-size:30px;
}