pie.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>dc.js - Pie Chart Example</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/dc.css"/>
</head>
<body>

<div id="test"></div>

<script type="text/javascript" src="js/d3.js"></script>
<script type="text/javascript" src="js/crossfilter.js"></script>
<script type="text/javascript" src="js/dc.min.js"></script>
<script type="text/javascript">

var chart = dc.pieChart("#test");

d3.csv("sample.csv", function(error, data) {

  var ndx           = crossfilter(data),
      dimension  = ndx.dimension(function(d) {return d.name;})
      group = dimension.group().reduceSum(function(d) {return d.qty;});

  chart
    .width(768)
    .height(480)
    .slicesCap(4)
    .innerRadius(100)
    .dimension(dimension)
    .group(group)
    .legend(dc.legend());

  chart.render();
});

</script>

</body>
</html>