From 95aec8e9b23318c27ac8ea50d34153da1b935b7c Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Sun, 10 Sep 2017 15:00:45 -0400
Subject: [PATCH] moving xscale/yscale outside of render function

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

diff --git a/app.js b/app.js
index 13367be..02dc0e7 100644
--- a/app.js
+++ b/app.js
@@ -23,9 +23,10 @@ d3.select('svg')
     .style('width', WIDTH)
     .style('height', HEIGHT);
 
+var xScale = d3.scaleTime();
+var yScale = d3.scaleLinear();
 var render = function(){
 
-    var yScale = d3.scaleLinear();
     yScale.range([HEIGHT, 0]);
     yDomain = d3.extent(runs, function(datum, index){
         return datum.distance;
@@ -43,7 +44,6 @@ var render = function(){
         });
 
     var parseTime = d3.timeParse("%B%e, %Y");
-    var xScale = d3.scaleTime();
     xScale.range([0,WIDTH]);
     xDomain = d3.extent(runs, function(datum, index){
         return parseTime(datum.date);
@@ -54,7 +54,7 @@ var render = function(){
         .attr('cx', function(datum, index){
             return xScale(parseTime(datum.date));
         });
-        
+
 }
 render();