diff --git a/samples/doughnut.html b/samples/doughnut.html
index 7e529acd3..93f7c8656 100644
--- a/samples/doughnut.html
+++ b/samples/doughnut.html
@@ -18,10 +18,12 @@
 </head>
 
 <body>
-    <div id="canvas-holder" style="width:100%">
+    <div id="canvas-holder" style="width:50%">
         <canvas id="chart-area" width="500" height="500" />
     </div>
     <button id="randomizeData">Randomize Data</button>
+    <button id="addDataset">Add Dataset</button>
+    <button id="removeDataset">Remove Dataset</button>
     <script>
     var randomScalingFactor = function() {
         return Math.round(Math.random() * 100);
@@ -29,6 +31,9 @@
     var randomColorFactor = function() {
         return Math.round(Math.random() * 255);
     };
+    var randomColor = function(opacity) {
+        return 'rgba(' + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 255) + ',' + (opacity || '.3') + ')';
+    };
 
     var config = {
         type: 'doughnut',
@@ -106,6 +111,19 @@
         });
         window.myDoughnut.update();
     });
+
+    $('#addDataset').click(function() {
+        var newDataset = {
+            backgroundColor: [randomColor(0.7), randomColor(0.7), randomColor(0.7), randomColor(0.7), randomColor(0.7)],
+            data: [randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor()]
+        };
+
+        window.myDoughnut.addDataset(newDataset);
+    });
+
+    $('#removeDataset').click(function() {
+        window.myDoughnut.removeDataset(0);
+    });
     </script>
 </body>
 
