test

_.md

[ Launch: test ] 65e0ac8e993d474e19a3 by heavysixer
[ Launch: test ] 4653053 by enjalot
[ Launch: test ] 4652017 by enjalot
[ Launch: test ] 4582399 by enjalot

config.json

{"description":"test","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}},"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,"tab":"edit","display_percent":0.7,"thumbnail":"http://i.imgur.com/Z4ghHZY.png","fullscreen":false,"ajax-caching":true}

inlet.js

var steps =[];
var offset = 1;
var size = 100;
for(var x=0; x < (size/offset); x++){
  steps.push(x);
}

var origin = [300,300];

var svg = d3.select("svg")
svg.selectAll('rect').data(steps).enter()
.append("rect")
.attr({
  'shape-rendering': 'auto',
  x: function(d,i){
    var diff = origin[0] + ((offset*i)/2);
    return diff;
  },
  y: function(d,i){
    return origin[1] + ((offset*i)/2);
  },
  width: function(d,i){
    return size - (i*offset)
  },
  height: function(d,i){
    return size - (i*offset)
  },
  stroke: "#ff0000",
  'stroke-width': offset +'px',
  fill:'none'
})