pieChart

_.md

[ Launch: pieChart ] faaa12e82ada86cdb2c5 by getsetbro
[ Launch: pieChart ] 10f0ae9fd64038025dad by getsetbro
[ Launch: test ] 4653053 by enjalot
[ Launch: test ] 4652017 by enjalot
[ Launch: test ] 4582399 by enjalot

config.json

{"description":"pieChart","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"tab":"edit","display_percent":0.7,"thumbnail":"http://i.imgur.com/Z4ghHZY.png","fullscreen":false,"ajax-caching":true}

inlet.js

var pieChart = d3.layout.pie();
var yourPie = pieChart([3,2,1,1,1,1,1,1]);
var colorScale = d3.scale.category10();

var newArc = d3.svg.arc();
newArc.outerRadius(80).innerRadius(60);

d3.select("svg")
	.attr("viewBox","-100 -100 200 200")
     .selectAll("path")
     .data(yourPie)
     .enter()
     .append("path")
     .attr("d", newArc)
     .style("fill", function(d, i) {return colorScale(i);})
     .style("opacity", 0.65)
     .style("stroke", function(d, i) {return colorScale(i);})
     .style("stroke-width", "9px");