Tributary inlet

_.md

[ Launch: Tributary inlet ] 12f8be618f2e8385958a by megaohms

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":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/FX1sGgm.png"}

inlet.js

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

var data = [42, 13, 69];

var groups = svg.selectAll('g')
	.data(data)
	.enter()
	.append('g');

groups.attr("transform", function(d,i) {
	var x = 118* i +100;
  var y = 41 * i +100;
  return "translate(" + [x,y] + ")";
});

var circles = groups.append('circle')
.attr({
  cx: function(d,i) {
    return 0;
    //return i * 40 +100;
  },
  cy: function(d,i) {
    return 0;
    //return i*30 +100;
  },
  r: 20,
  fill: "#636363",
  stroke: "#000000",
  "stroke-width": 3
})

var label = groups.append('text')
.text(function(d) {
  return d;
})
.attr({
  "alignment-baseline": "middle",
  "text-anchor": "middle"
});