From fb964b3796586c957c8ec6e380cb395167678ea3 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Fri, 22 Sep 2023 11:56:34 -0400
Subject: [PATCH] got .exit().remove() to work

---
 public/app.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/public/app.js b/public/app.js
index 7aa9169..eadb961 100644
--- a/public/app.js
+++ b/public/app.js
@@ -10,11 +10,10 @@ let highlighted = []
 
 const renderTable = () => {
 	const trs = d3.select('tbody')
-		.html('')
 		.selectAll('tr')
-		.data(highlighted, d => d.id)
-		.enter()
-		.append('tr')
+		.data(highlighted, d => d.instance_id)
+	trs.exit().remove()
+	trs.enter().append('tr')
 		.selectAll('td')
 		.data(d => [
 			d.instance_id, 
@@ -24,7 +23,7 @@ const renderTable = () => {
 			`${d.dropped} (${Math.floor(d.dropped/d.total_students*100)}%)`, 
 			d.graduates,
 			`${d.ninety_day_outcomes} (${Math.floor(d.ninety_day_outcomes/d.graduates*100)}%)`
-		])
+		], d => d.instance_id)
 		.enter()
 		.append('td')
 		.text(value => value)