basics1

_.md

[ Launch: Tributary inlet ] 322a23244471670f65c5 by ivadnerb

config.json

{"description":"basics1","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/ImdVySU.png"}

inlet.js

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

display.append('div')
   .attr('id','newdiv1');

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

divs1.enter()
  .append('div').classed('item', true)

divs1.style({
  width:'20px',
  height: function(d) { return d + 'px' },
  margin:'30px',
  float:'left',
  'background-color':'#2a104b'
})