for kiba

_.md

[ Launch: for kiba ] 6689860 by enjalot

config.json

{"description":"for kiba","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,"thumbnail":"http://i.imgur.com/kKOz0rh.png"}

inlet.js

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

var data =
  [
    [2,0,4,3,3,5,7],
    [2,3,1,1,1,1,1],
    [4,3,5,2,3,5,6],
    [8,3,3,3,3,3,2]
  ];

var rows = svg.selectAll("g.row")
.data(data)
var rowsEnter = rows.enter()
.append("g")
.attr("transform", function(d,i) {
  return "translate(" + [100, 100 + i * 21] + ")";
})
rowsEnter.selectAll("rect")
  .data(function(d) { return d})
  .enter()
  .append("rect")
  .attr("x", function(d,i) {console.log(d);return i * 21;})

  .attr("width", 20)
  .attr("height", 20)
  .attr("fill", "blue");