d3.js implements first stage of transition but not 2nd

http://stackoverflow.com/questions/24290796/d3-js-implements-first-stage-of-transition-but-not-2nd

by Max Leiserson

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>

JavaScript

var svg = d3.select("body").append("svg").attr("width", 800).attr("height", 400);
svg.append("circle")
    .attr("r", 15)
    .attr("transform", "translate(200, 200)")
    .transition()
    .delay(2000)
    .style("fill", "green")
    .transition()
    .delay(4000)
    .style("fill", "blue");