Tributary inlet

_.md

[ Launch: Tributary inlet ] 5498205 by rohn

config.json

{"description":"Tributary inlet","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"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

// initial playing with d3.js on tributary.io

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

var newColor = 'rgb(' + Math.floor(255 * Math.random()) +
                 ', ' + Math.floor(255 * Math.random()) +
                 ', ' + Math.floor(255 * Math.random()) + ')';

svg.append("rect")
  .attr({
  width:200,
  height:200,
  x:100,
  y:100,
  fill:"#000055"
})
   .transition().duration(2000).delay(200)
     .attr("width", function() {return 50 })
     .attr("height", function() {return 350 })
     .attr("fill", newColor);