Another Inlet

_.md

[ Launch Inlet ]
Gist #3200444

build_times.json

{
  "build_times":
  [
    140.894, 131.685, 82.825, 67.13, 64.794, 58.199, 52.644, 44.784, 43.634, 43.536, 43.245, 41.782, 40.516, 40.152, 36.701, 33.629, 33.039, 22.708, 22.416, 22.068, 19.25, 15.468, 12.918, 12.507, 11.508, 11.018, 10.288, 9.623, 8.348, 7.071, 6.628, 6.433, 5.699, 5.69, 4.736, 4.664, 3.936, 3.781, 2.889, 2.835, 2.144, 2.005, 1.892, 1.869, 1.809, 1.093, 0.957, 0.929, 0.725, 0.602, 0.565, 0.542, 0.463, 0.434, 0.245, 0.239, 0.238, 0.216, 0.207, 0.191, 0.187, 0.172, 0.157, 0.153, 0.153, 0.147, 0.127, 0.113, 0.111, 0.096, 0.096, 0.092, 0.083, 0.08, 0.075, 0.066, 0.059, 0.057, 0.055, 0.045, 0.037, 0.02, 0.018, 0.014, 0.011, 0.01, 0.007, 0.004, 0.004, 0.002, 0.002
  ]
}

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 times = tributary.build_times.build_times;

var size = function(d) {
  if(d < .1)
    return d*1000
  if(true)
 	return d * 2 
}
svg.selectAll('rect').data(times).enter().append("rect")
  .attr("width", size)
  .attr("height", size)
  .attr("x", function(d) {
    if(d < .1)
      	return d * 8760
    if(d > 31)
       return d*5.72 + -179
    if(true)
      	return d*20 + 94
  })
  .attr("y", function(d){
    if(d < .1)
      	return d * 1183
     if(d > 31)
       	return d + 270
     if(true)
    	return d*4 + 198
  })
  .attr("rx", 15)
  .style("fill", function(d) {
    if(d < .1)
      return "rgb(0,0,"+Math.round(d*2117)+")"
    if(d < 30)
      return "rgb("+Math.round(d*13)+",0,0)"
    if(true)
        return "rgb(0,"+Math.round(d)+",0)"
  })
  .style("fill-opacity", 0.2736)