Tributary inlet

_.md

[ Launch: Tributary inlet ] 7936723 by engleek

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},"data.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/kF9Ww90.png"}

data.csv

inlet.js

var width = 500;
var height = 300;

var data = tributary.data;

var groups = d3.nest().key(function(d) {
  return d.pays;
}).rollup(function(d) {
  return d3.sum(d, function(g) {
    return g.value;
  });
}).entries(harvest);

console.log(groups);

var svg = d3.select('svg');

var x = d3.time.scale()
  .domain(d3.extent(data, function (d) { return d.year; }))
  .range([0, width]);

var y = d3.scale.ordinal()
  .domain(d3.extent(data, function (d) { return d.year; }))
  .range([0, width]);

style.css

body {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}

.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}