Another Inlet

_.md

[ Launch Inlet ]
Gist #4099481
Gist #3200444

build.json

{
    "test" : [
        {"HpCatDmPopLogTest" : [
             { "run"    : 1     },
             { "elapsed" : 0.055 }
        ]},
        {"HpCatDmTest" : [
             { "tests run"    : 1     },
             { "time elapsed" : 0.083 }
        ]},
        {"HpFullJobTest" : [
             { "tests run"    : 1     },
             { "time elapsed" : 4.664 }
        ]}
    ],
    "cj.common.trigger" : [
        {"ChangeTableTriggersTest" : [
             { "tests run"    : 13    },
             { "time elapsed" : 6.433 }
        ]}
    ]
}

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

svg.append("svg:text")
    .attr("x", 100)
    .attr("y", 200)
    .text(
      build.test[0].HpCatDmPopLogTest[0].run 
      + ' ' +
      build.test[0].HpCatDmPopLogTest[1].elapsed
    )
    .attr("class", "letter")
    .style("font-size", 39);

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)