Detailed map, US counties

author(s): Torstein Hønsi

by prateekbansal07

HTML

<div id="container" style="height: 520px; width: 800px; margin: 0 auto; text-align:center; line-height: 520px">
    Downloading map...
</div>

<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/maps/modules/data.js"></script>
<script src="https://code.highcharts.com/maps/modules/data.js"></script>
<script src="https://code.highcharts.com/maps/modules/exporting.js"></script>
<script src="https://code.highcharts.com/maps/modules/offline-exporting.js"></script>
<script src="https://code.highcharts.com/mapdata/countries/us/us-all-all.js"></script>

JavaScript

var d=[{
code: "us-ma-001",
name: "Barnstable County, MA",
value: 7.2
},
{
code: "us-ma-003",
name: "Berkshire County, MA",
value: 5.3
},
{
code: "us-ma-005",
name: "Bristol County, MA",
value: 5.9
},
{
code: "us-ma-007",
name: "Dukes County, MA",
value: 9.1
},
{
code: "us-ma-009",
name: "Essex County, MA",
value: 4.2
},
{
code: "us-ma-011",
name: "Franklin County, MA",
value: 3.9
},
{
code: "us-ma-013",
name: "Hampden County, MA",
value: 5.6
},
{
code: "us-ma-015",
name: "Hampshire County, MA",
value: 3.6
},
{
code: "us-ma-017",
name: "Middlesex County, MA",
value: 3.2
},
{
code: "us-ma-019",
name: "Nantucket County/town, MA",
value: 11.3
},
{
code: "us-ma-021",
name: "Norfolk County, MA",
value: 3.4
},
{
code: "us-ma-023",
name: "Plymouth County, MA",
value: 4.5
},
{
code: "us-ma-025",
name: "Suffolk County, MA",
value: 3.5
},
{
code: "us-ma-027",
name: "Worcester County, MA",
value: 4.3
}]
var map;
Highcharts.getJSON(
    'https://cdn.jsdelivr.net/gh/highcharts/highcharts@c116b6fa6948448/samples/data/us-counties-unemployment.json',
    function (data) {
data=d;
        /**
         * Data parsed from http://www.bls.gov/lau/#tables
         *
         * 1. Go to http://www.bls.gov/lau/laucntycur14.txt (or similar, updated
         *    datasets)
         * 2. In the Chrome Developer tools console, run this code:
         *    copy(JSON.stringify(document.body.innerHTML.split('\n').filter(function (s) { return s.indexOf('<PUT DATE HERE IN FORMAT e.g. Feb-14>') !== -1; }).map(function (row) { row = row.split('|'); return { code: 'us-' + row[3].trim().slice(-2).toLowerCase() + '-' + row[2].trim(), name: row[3].trim(), value: parseFloat(row[8]) }; })))
         * 3. The data is now on your clipboard, paste it below
         * 4. Verify that the length of the data is reasonable, about 3300
         *    counties.
         */

        var countiesMap = Highcharts.geojson(
                Highcharts.maps['countries/us/us-all-all']
            ),
            // Extract...