just another inlet to tributary

inlet.js

var funcs = tributary.funcs;
var dial1, dial2, dial3;


var time = new Date(), dt;
 


tributary.init = function(g) {
  time = new Date();
  dial1 = tributary.Disc()
    .cx(150)
    .cy(200)
    .bpm(120)
    .hitpoints(4)
    .arc_color("#B9B9B9");

  var d1g = g.append("g");

  dial1(d1g);

  
  ///////// viz code
  var n = 60;
  var nx = 10;
  var xx = 13;
  var yy = 417;
  var xsp = 98;
  var ysp = 60;
  var squarew = 33;
  var strokew = 4;
  var minrad = .3;
  var maxrad = 4;
  var ci = 0;
  var sci = 0;
  var colors = ["#FF5353", "#08B0CF", "#FF53EA", "#3DDA63"];
  var highlight_color = "#ff0000";
  var stroke_colors = ["#000000", "#7A7A7A", "#999999", "#FFFFFF"];
  var range = d3.range(n);
  var data = [];
  range.forEach(function(d,i) {
    d = {
      ind: i,
      w: squarew
    };
    data.push(d);
  })

  
  var circles = g.selectAll("rect.viz")
      .data(data);
  circles
      .enter()
      .append("rect")
      .classed("viz", true)
   	  .attr("width", squarew)
      .attr("height", squarew)
      .attr("stroke-width", strokew)
    
    
   //shrink and grow radius within random bounds
  funcs.on("s", function(dur) {
  	g.selectAll("rect.viz")
      .transition()
      .duration(dur)
      .attr("transform",function(d,i){
        d.r *= randomXToY(0.5, 0.8);
        if(d.r < minrad) d.r = minrad;
        d.scale = "scale(" + d.r + ")";
        return d.translate + d.scale;  
        //return d.scale + d.translate;
      })
  }) 

};

tributary.run = function(g,t) {
  old_time = time;
  time = new Date();
  dt = time - old_time;
  
  dial1.spin(dt);

};



tributary.trace = false;