From 0c8524e92e5b7712ac4352c98363997e7b0cd4d5 Mon Sep 17 00:00:00 2001
From: stevemac1900 <stsjm10@moravian.edu>
Date: Fri, 7 Aug 2015 10:01:33 -0400
Subject: [PATCH] I added comments for the functions I was familiar with

---
 gradientUSMap.js | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/gradientUSMap.js b/gradientUSMap.js
index a769bd2..9d6ed55 100644
--- a/gradientUSMap.js
+++ b/gradientUSMap.js
@@ -86,7 +86,8 @@ function GradientMap(feature){
         //    .attr("id", "comboDiv" + this.id.toString());
         
         //this.makeCombo();
-        
+
+        // Creates the map div
         this.mapDiv = d3.select("#mapContainer")
             .append("div")
             .attr("id", "mapSVG" + this.id.toString())
@@ -94,11 +95,13 @@ function GradientMap(feature){
             .style("width", this.w.toString() + "px")
             //.style("height", this.h.toString() + "px");
             .style("margin", "0" + newThis.columnMargin);
-        
+
+        // Appends an svg with the map controls/gradient to the div
         this.grad_svg = this.mapDiv.append("svg")
             .attr("width", this.svgScaler * 800)
             .attr("height", 40);
-        
+
+        // Checks to see if the zoom function is compatible with the web browser being used
         if(this.canZoom){
             
             this.svg = this.mapDiv.append("svg")
@@ -110,7 +113,7 @@ function GradientMap(feature){
                 .append("g");
             
         } else {
-            
+            // Appends an svg to the div for us to put a map into
             this.svg = this.mapDiv.append("svg")
                 .attr("style", "border: thin solid gray; border-radius: 5px;")
                 .attr("width", this.w)
@@ -119,7 +122,7 @@ function GradientMap(feature){
                 .append("g");
             
         }
-        
+
         d3.select("#mapContainer")
             .append("div")
             .attr("id", "tooltip" + this.id.toString())
@@ -128,9 +131,10 @@ function GradientMap(feature){
         return this;
         
     };
-    
+
+    // This function resets the map to its original scale and position
     this.reset = function(){
-    
+
         this.zoom.scale(1);
         this.zoom.translate([0, 0]);
         this.svg.transition().duration(0).
@@ -310,6 +314,7 @@ function GradientMap(feature){
                         }
                         
                     })
+                // Apply these attributes to this map object
                 .on("click", newThis.linkWithObservers)
                 .on("mouseover", newThis.mouseOver)
                 .on("mouseout", newThis.mouseOut)
@@ -459,9 +464,8 @@ function GradientMap(feature){
         this.rest_of_filename = new_name;
         return this;
     };
-    
-    this.drawBoxes = function(boxNum){
 
+    this.drawBoxes = function(boxNum){
 
         var colorArray = makeRange(boxNum, newThis.start_color, newThis.end_color);
         newThis.grad_svg.selectAll(".rectangle").remove();
@@ -685,7 +689,9 @@ function GradientMap(feature){
         });
         
     };
-    
+
+    // This function computes the geometric center of each state based on the furthest points of the country/state
+    // rather than the center of mass
     this.computeCenter = function(data){
         
         var nums = [];
@@ -854,6 +860,7 @@ function GradientMap(feature){
                             return "#ccc";
                         }
                     })
+                    // Apply these attributes to this map object
                     .style("stroke-width", "1")
                     .style("stroke", "black")
                     .on("click", newThis.clickWithObservers)