From 95192c658d834f3a795d794cb0f77d77f1808ad4 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Thu, 14 Sep 2017 08:32:57 -0400
Subject: [PATCH] drag end

---
 app.js | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/app.js b/app.js
index f59f622..4c6db0b 100644
--- a/app.js
+++ b/app.js
@@ -63,6 +63,17 @@ var render = function(){
         createTable();
     });
 
+    var dragEnd = function(datum){
+        var x = d3.event.x;
+		var y = d3.event.y;
+
+		var date = xScale.invert(x);
+		var distance = yScale.invert(y);
+
+		datum.date = formatTime(date);
+		datum.distance = distance;
+        createTable();
+    }
     var drag = function(datum){
 		var x = d3.event.x;
 		var y = d3.event.y;
@@ -71,8 +82,8 @@ var render = function(){
 	}
     var dragBehavior = d3.drag()
         // .on('start', dragStart)
-        .on('drag', drag);
-        // .on('end', dragEnd);
+        .on('drag', drag)
+        .on('end', dragEnd);
     d3.selectAll('circle').call(dragBehavior);
 }
 render();
@@ -100,7 +111,7 @@ var createTable = function(){
 
 createTable();
 
-var formatTime = d3.timeFormat("%B%e, %Y at%-I:%M%p");
+var formatTime = d3.timeFormat("%B%e, %Y at %-I:%M%p");
 d3.select('svg').on('click', function(){
     var x = d3.event.offsetX;
     var y = d3.event.offsetY;