D3.js donut chart

by CoolBlue

HTML

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

JavaScript

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



svg.attr('transform', "translate(100, 100) rotate(45)")
    .append('rect').attr('width', 50).attr('height', 50).attr('fill', 'blue')
	.transition().duration(2000)
	.attr('transform', "translate(100, 0)");