Tributary inlet

_.md

[ Launch: Tributary inlet ] 5478507 by enjalot

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}},"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,"thumbnail":"http://i.imgur.com/NapWbws.png"}

inlet.js

var data = [ {name: "first", start: 0, end: 23},
        {name: "first", start: 5, end: 52},
        {name: "first", start: 36, end: 34},
        {name: "first", start: 52, end: 23}];


d3.select("#chart").append("svg");

var width = 100,
    height = 100;

var svg =  d3.select("svg")


var teams = svg.selectAll("g.team").data( data );

teams
  .enter()
  .append("g")
    .attr("class", "team");


var l_col = teams.selectAll("text.label.act")
  .data(function(d) { return [d]; });

  l_col
  .enter()
  .append("text")
    .classed("label act", true)
    .attr("x", function(d) { return d.start; })
    .attr("y", function(d) { return d.end; })
    .text(function(d) { return d.name+ "   " + d.start; });