<!doctype html>
<html>
  <head>
    <title>Doughnut Chart</title>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script src="../d3-meets-chart.js"></script>
    <meta name = "viewport" content = "initial-scale = 1, user-scalable = no">
  </head>
  <body>
    <svg id="svg" height="450" width="450"></svg>


    <script>

      var doughnutData = [
        {
          value : 30,
          color :"#F7464A"
        },
        {
          value : 50,
          color : "#46BFBD"
        },
        {
          value : 100,
          color : "#FDB45C"
        },
        {
          value : 40,
          color : "#949FB1"
        },
        {
          value : 120,
          color : "#4D5360"
        }

      ];

      var myDoughnut = new Chart(document.getElementById("svg")).Doughnut(doughnutData);

    </script>
  </body>
</html>

Add sample html for Chart.Doughnut
Add sample html for Chart.Doughnut
