| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <body> | |
| <script src="../../d3.js"></script> | |
| <script> | |
| var svg = d3.select("body").append("svg") | |
| .attr("width", 960) | |
| .attr("height", 500); | |
| var g = svg.append("g") | |
| .attr("transform", "translate(100,100)") | |
| .append("g") | |
| .attr("transform", "matrix(1 0 0 1 0 0)rotate(0)"); | |
| var rect = g.append("rect") | |
| .attr("x", -25) | |
| .attr("y", -50) | |
| .attr("width", 50) | |
| .attr("height", 100); | |
| g.transition() | |
| .duration(3000) | |
| .attrTween("transform", d3.tween("matrix(1 0 0 1 100 100)rotate(360)", d3.interpolateString)); | |
| </script> |