Simple Pie Chart with NVD3

An example of a simple pie chart drawn with NVD3

by Sampath

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/nvd3/1.1.15-beta/nv.d3.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/nvd3/1.1.15-beta/nv.d3.min.css">
<div id="chart">
  <svg></svg>
</div>

<div id="chartnew">
  <svg></svg>
</div>

<div id="chartnewagain">
  <svg></svg>
</div>

JavaScript

var h = 600;
        var r = h / 2;
        var arc = d3.svg.arc().outerRadius(r);

        var data = [{
            "label": "Colorectale levermetastase (n=336)",
            "value": 74
          },
          {
            "label": "Levensmetatase van andere origine (n=32)",
            "value": 7
          },
          {
            "label": "Beningne levertumor (n=34)",
            "value": 7
          },
          {
            "label": "Primaire maligne levertumor (n=56)",
            "value": 12
          }
        ];
        var data1 = [{
            "label": "Colorectale levermetastase (n=336)",
            "value": 74
          },
          {
            "label": "Levensmetatase van andere origine (n=32)",
            "value": 7
          },
          {
            "label": "Beningne levertumor (n=34)",
            "value": 7
          },
          {
            "label": "Primaire maligne levertumor (n=56)",
            "value": 12
          }
        ];

        var data2 = [{
            "label": "Colorectale levermetastase (n=336)",
            "value": 74
          },
          {
            "label": "Levensmetatase van andere origine (n=32)",
            "value": 7
          },
          {
            "label": "Beningne levertumor (n=34)",
            "value": 7
          },
          {
            "label": "Primaire maligne levertumor (n=56)",
            "value": 12
          }
        ];


        var colors = [
          'rgb(178, 55, 56)',
          'rgb(213, 69, 70)',
          'rgb(230, 125, 126)',
          'rgb(239, 183, 182)'
        ]


        nv.addGraph(function() {
          var chart = nv.models.pieChart()
            .x(function(d) {
              return d.label
            })
            .y(function(d) {
              return d.value
            })
            .color(colors)
            .showLabels(true)
            .labelType("percent")
          //        .donut(true).donutRatio(0) /* Trick to make the labels go inside the...