From fb4f77e35519c0c7f33bbc46d1a4eb7302f1b568 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Wed, 24 Aug 2016 15:00:07 -0400
Subject: [PATCH] transitions for hover states on cirlces

---
 public/css/app.css | 9 +++++++++
 public/js/app.js   | 1 -
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/public/css/app.css b/public/css/app.css
index 8ade51e..10984e1 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1,3 +1,12 @@
 svg {
 	border:1px solid black;
 }
+circle {
+	r: 5;
+	fill:black;
+	transition: r linear 0.25s, fill linear 0.25s;
+}
+circle:hover {
+	r: 20;
+	fill:blue;
+}
diff --git a/public/js/app.js b/public/js/app.js
index e9e0706..b7ac8cc 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -27,7 +27,6 @@ var render = function(){
 		});
 		circles.enter()
 			.append('circle')
-			.attr('r', 5)
 			.attr('cy', function(datum, index){
 				return convertYDataPointToVisualPoint(datum.distance);
 			})