Edit in JSFiddle

var width = 400,
    height = 300,
    radius = Math.min(width, height) / 2;

var color = d3.scale.ordinal()
    .range(["#F8D870","#E57F75", "#BE7AC3", "#8A9BCB", "#5AB0D2", "#56C8BB"]);
//, "#ff8c00"
var arc = d3.svg.arc()
    .outerRadius(radius - 10)
    .innerRadius(radius - 70);

var pie = d3.layout.pie()
    .sort(null)
    .value(function(d) { return d[1]; });

var svg = d3.select("#graph").append("svg")
    .attr("width", width)
    .attr("height", height)
  .append("g")
    .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

(function(){
 d3.text("https://rawgithub.com/shinofara/work/master/emr/csv/01.csv", function(csvFile) {
     var csvData = d3.csv.parseRows(csvFile);
     csvData.forEach(function(line) {
         line[1] = +line[1];
     });
     
   var g = svg.selectAll(".arc")
      .data(pie(csvData))
    .enter().append("g")
      .attr("class", "arc");

     
  g.append("path")
      .attr("d", arc)
      .style("fill", function(d) { return color(d.data[0]);});

  g.append("text")
      .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")"; })
      .attr("dy", ".35em")
      .style("text-anchor", "middle")
      .text(function(d) { return d.data[0]; });
 }); 
     })();

<div id="graph"></div>

</style>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style>
.arc path {
  stroke: #fff;
  stroke-opacity: .2;
}
body {
   font-size:10px;
}