Pie chart

https://gyazo.com/18726f8b9d236749c38504e131def940

code:sample.js

var canvas = d3.select("body")

.append("svg")

.attr("width", 500)

.attr("height", 500);

var g = canvas.append("g")

.attr("transform", "translate(300, 300)");

//var arc = d3.svg.arc()

var arc = d3.arc()

.innerRadius(130)

.outerRadius(200);

var pie = d3.pie()

.value(function(d) { return d; });

var arcs = g.selectAll(".arc")

.data(pie(data))

.enter()

.append("g")

.attr("class", "arc");

var color = d3.scaleOrdinal()

arcs.append("path")

.attr("d", arc)

.attr("fill", function (d) { return color(d.data); });

arcs.append("text")

.attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")"; })

.attr("text-anchor", "middle")

.attr("text-size", "10px")

.text(function(d) { return d.data; });