Another Inlet

_.md

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");

svg.append("rect")
  .attr("width", 100)
  .attr("height", 100)
  .attr("x", 535)
  .attr("y", 253)
  .attr("rx", 15)
  .style("fill", "#1F00FF")
  .style("fill-opacity", 0.5)
  .style("stroke", "#0033FF")
  .style("stroke-width", 5)
  
svg.append("rect")
  .attr("width", 350)
  .attr("height", 350)
  .attr("x", 399)
  .attr("y", 153)
  .attr("rx", 3)
  .style("fill", "#000000")
  .style("fill-opacity", 0.20)
  .style("stroke", "#ffffff")
  .style("stroke-width", 20)