update leaflet choropleth

changed from json to geojson and redid some styling

Author: maptastik

maps/lucasCo_hungarian_leaflet.html

@@ -17,22 +17,22 @@
 
     .info {
         padding: 6px 8px;
-        font: 14px/16px Arial, Helvetica, sans-serif;
+        font: 14px/16px 'Open Sans', Helvetica, sans-serif;
         background: white;
-        background: rgba(255,255,255,0.8);
+        background: rgba(255,255,255,0.98);
         box-shadow: 0 0 15px rgba(0,0,0,0.2);
-        border-radius: 5px;
+        border-radius: 0px;
     }
         .info h4 {
         margin: 0 0 5px;
-        color: #777;
+        color: #000;
     }
         .legend {
         line-height: 18px;
         color: #555;
     }
         .legend i {
-        width: 18px;
+        width: 36px;
         height: 18px;
         float: left;
         margin-right: 8px;
@@ -77,8 +77,8 @@
           // loop through our density intervals and generate a label with a colored square for each interval
           for (var i = 0; i < grades.length; i++) {
               div.innerHTML +=
-        '<i style="background:' + getColor(grades[i] + 1) + '"></i> ' +
-        grades[i] + (grades[i + 1] ? '&ndash;' + grades[i + 1] + '<br>' : '+');
+        '<i style="background:' + getColor(grades[i]) + '"></i> ' +
+        grades[i] + (grades[i + 1] ? '&ndash;' + (grades[i + 1]-0.1) + '<br>' : '+');
           }
 
           return div;
@@ -142,7 +142,7 @@
   attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://creativecommons.org/licenses/by-sa/3.0">CC BY SA</a>.'
 }).addTo(map);
 //Add geojson
-$.getJSON("../data/prepared/lucasCo_hungarian_tracts.json", function(data) {
+$.getJSON("../data/prepared/lucasCo_hungarian_tracts.geojson", function(data) {
     geojson = L.geoJson(data, {
     style: style,
     onEachFeature: onEachFeature