test

_.md

[ Launch: test ] 7ee0072b527ba368bd4d by puginabox
[ 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 svg = d3.select("svg")

var redCircue = {
  cx: 100,
  cy: 100,
  r: 40,
  fill:'#a40318'
}

svg.append("rect")
.attr({
  width: 100,
  height: 100,
  x: 200,
  y: 62,
  fill: "#2b7746"
});

svg.append('circle')
.attr(redCircue);

var data = [50, 100, 150, 200]
var divs = d3.select('#selection')
  .selectAll('div.item')
  .data(data);

/*
divs.enter()
  .append('div').classed('item', true)
divs.style({
  width:'20px',
  height:function(d) { return d + 'px' },
  margin:'15px',
  float:'left',
  'background-color':'#25B0B0'
})
*/