silly radial clock

blocks version of my silly radial clock program. This was made as an animation test and was reimplemented with various (clojure) libraries. More details available in the clocky repo and related talk slides.

<!DOCTYPE html>
<meta charset="utf-8">
<style>

body { background-color:grey; }
path.millis1 { stroke:pink; fill:brown; }
path.millis2 { stroke:brown; fill:pink; }
path.seconds1 { stroke:pink; fill:brown; }
path.seconds2 { stroke:brown; fill:pink; }
path.minutes1 { stroke:pink; fill:brown; }
path.minutes2 { stroke:brown; fill:pink; }
path.hours1 { stroke:pink; fill:brown; }
path.hours2 { stroke:brown; fill:pink; }

</style>
<body>
<script src="https://d3js.org/d3.v3.min.js"></script>

var radii = {'hours': 275, 'minutes': 200, 'seconds': 110, 'millis': 30};

var root = d3.select("#clocky").append("svg")
      .attr("width", 600)
      .attr("height", 600)
      .append("g")
      .attr("transform", "translate(300,300)");

var rings = root.selectAll("g")
      .data(curClockData);

rings.enter().append("g")
      .append("path");

// Update arcs.
  d3.timer(function() {
      var rings = root.selectAll("g")
          .data(curClockData);

rings.select("path")
          .attr("class", function(d) { return d.key + d.which; })
          .attr("d", arc);
  });

</script>

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js