2015 unconf registration

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <script src="sampler.js"></script>
</head>
<style>
  body {
    background-color: #02238A;
  }
</style>

var scale = 1;
    var xOffset = 150;
    var yOffset = 50;

var line = d3.svg.line()
      .x(function(d) { return d.x })
      .y(function(d) { return d.y })
      .interpolate("linear-closed");
      //.interpolate("cardinal-closed")
      //.interpolate("basis-closed")

var ins = Sampler.getSamples(inner.node(), numSamples);
    var outs = Sampler.getSamples(outer.node(), numSamples);

var output = d3.select("#output")

var blended = output.selectAll("path.blend")
    .data(lines)
    blended
    .enter()
    .append("path").classed("blend", true)
    .attr({
      d: function(d) { return line(d) },
      fill: "none",
      stroke: "#ff005d",
      "stroke-width": 3,
    })

var bbox = blended.node().getBoundingClientRect();

var center = {
      x: bbox.left + bbox.width / 2 + 150,
      y: bbox.top + bbox.height / 2 - 5
    }

blended.attr({
      transform: "rotate(0, " + [center.x, center.y] + ")"
    })

output.append("circle")
    .attr({
      r: 5,
      cx: center.x,
      cy: center.y,
      //fill: "white"
      fill: "none"
    })

function transition() {
      blended.transition()
        .ease("cubic")
        .duration(800)
        .delay(function(d,i) { return (numLines - i) * 100 })
        .attrTween("transform", function(d) {
          return function(t) {
            var deg = d3.interpolate(0, 180)(t)
            return "rotate(" + deg + "," + [center.x, center.y] + ")"
          }
        })
        .each("end", function(d,i) {
          if(i !== 0) return;
          blended//.filter(function(d,j) { return i === j })
            .transition()
            .ease("sin")
            .duration(600)
            .delay(function(d,j) { return (numLines - j) * 100 + 800 })
            .attrTween("transform", function(d) {
              return function(t) {
                var deg = d3.interpolate(180, 0)(t)
                return "rotate(" + deg + "," + [center.x, center.y] + ")"
              }
            })
            .each("end", function(d,k) {
              if(i === 0) {
                transition();
              }
            })

})

}
    transition()

</script>
</body>

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js