From 5925a4d910ef766f64975f7500250035d45e8d24 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Wed, 4 Oct 2017 14:59:58 -0400
Subject: [PATCH] removing pieces

---
 index.js | 34 +++++++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/index.js b/index.js
index 52d8876..8747601 100644
--- a/index.js
+++ b/index.js
@@ -2,10 +2,10 @@ var WIDTH = 360;
 var HEIGHT = 360;
 
 var dataset = [
-    { label: 'Abulia', count: 10 },
-    { label: 'Betelgeuse', count: 20 },
-    { label: 'Cantaloupe', count: 30 },
-    { label: 'Dijkstra', count: 40 }
+    { id: 1, label: 'Abulia', count: 10 },
+    { id: 2, label: 'Betelgeuse', count: 20 },
+    { id: 3, label: 'Cantaloupe', count: 30 },
+    { id: 4, label: 'Dijkstra', count: 40 }
 ];
 
 var radius = Math.min(WIDTH, HEIGHT) / 2;
@@ -32,10 +32,34 @@ var pie = d3.pie()
     .sort(null);
 
 var path = container.selectAll('path')
-    .data(pie(dataset))
+    .data(pie(dataset), function(datum){
+        return datum.data.id
+    })
     .enter()
     .append('path')
     .attr('d', arc)
     .attr('fill', function(d) {
         return colorScale(d.data.label);
+    })
+    .each(function(d) { this._current = d; });
+
+path.on('click', function(clickedDatum, clickedIndex){
+    dataset = dataset.filter(function(currentDatum, currentIndex){
+        return clickedDatum.data.id !== currentDatum.id
     });
+    path
+        .data(pie(dataset), function(datum){
+            return datum.data.id
+        })
+        .exit().remove();
+
+    path.transition()
+        .duration(750)
+        .attrTween('d', function(d) {
+            var interpolate = d3.interpolate(this._current, d);
+            this._current = interpolate(0);
+            return function(t) {
+                return arc(interpolate(t));
+            };
+        });
+});