Leaflet Geojson with legend

by J. Albert Bowden

HTML

<script src="//d3js.org/d3.v3.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css">
<script src="https://bowdenweb.com/a/leaflet/leaflet-1.0.3.js"></script>
<div id="map"></div>

CSS

html, body, #map {
    width: 100%;
    height: 100%;
}
.legend {
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

JavaScript

var Sample = {
    "type": "FeatureCollection",
        "features": [{
        "type": "Feature",
            "properties": {
            "OBJECTID": 83,
                "Shape_Leng": 4.82699099667,
                "Shape_Area": 0.448245392274,
                "AreaName": "Area1",
                "LabMarPres": 0.47,
                "Educ": 0.56,
                "Earnings": 0.34,
                "Ind": 0.95,
                "Housing": 0.71,
                "AccToSer": 0.57,
                "EcPerfInd": 0.48
        },
            "geometry": {
            "type": "Polygon",
                "coordinates": [
                [
                    [-65.21807503043829,
                    47.80747318893657],
                    [-65.12720779530349,
                    47.82663638466147],
                    [-65.04717558318657,
                    47.83306401469258],
                    [-65.03070994260975,
                    47.808330988384455],
                    [-65.07368063185561,
                    47.78446441480094],
                    [-65.32377354751117,
                    47.635343686761814],
                    [-65.17873639716697,
                    47.47216492916817],
                    [-65.29358005627455,
                    47.35396841221251],
                    [-65.81588402532748,
                    47.23253275488281],
                    [-66.21716123360403,
                    47.55064511288168],
                    [-66.16380385856121,
                    47.966750274705475],
                    [-65.73298300915849,
                    47.83039260553437],
                    [-65.61017728505362,
                    47.65390380431717],
                    [-65.21807503043829,
                    47.80747318893657]
                ]
            ]
        }
    }, {
        "type": "Feature",
            "properties": {
            "OBJECTID": 107,
                "Shape_Leng": 5.09713294978,
                "Shape_Area": 0.285706288115,
    ...