Another Inlet

_.md

[ Launch Inlet ]
Gist #3200444

config.json

{"description":"Another Inlet","endpoint":"","display":"svg","public":true,"require":[],"tab":"edit","display_percent":0.7,"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}

inlet.js

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

var dataset = [1, 10, 25, 34];

svg.data(dataset).enter().append('rect')
  .attr('width', 20)
  .attr('height', 20)
  .attr('x', function(d) {
   return d * 10;
  })
  .attr('y', function(d) {
    return d * 30;
  })
  .style('fill', '#000000'

svg.append("rect")
  .attr("width", 100)
  .attr("height", 100)
  .attr("x", 100)
  .attr("y", 100)
  .attr("rx", 15)
  .style("fill", "#1F00FF")
  .style("fill-opacity", 0.5)
  .style("stroke", "#0033FF")
  .style("stroke-width", 5)