Rotating on "g"

by Nivaldo

JavaScript

var svg = d3.select("body").append("svg").attr("width", 200).attr("height", 200);

var g = svg.append("g")

var rect = g.append("rect")
    .attr("x", 50)
    .attr("y", 50)
    .attr("width", 100)
    .attr("height", 100);

g.transition().duration(5000)
    .attrTween("transform", rotTween);

function rotTween() {
    var i = d3.interpolate(0, 360);
    return function(t) {
        return "rotate(" + i(t) + ",100,100)";
    };
}