Selected MSAs in the Third Federal Reserve District

author(s): Mike Zavarello

by Mike Zavarello

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<div id="container" style="height: 520px; width: 600px; 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/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-highres.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.6/proj4.js"></script>

JavaScript

$(document).ready(function(){


    // Create the map
    var ThirdDistrictMap = Highcharts.mapChart('container', {
      chart: { map: 'countries/us/us-all-all-highres', borderWidth: 0 },
      title: { text: 'Selected MSAs in the Third Federal Reserve District' },
      legend: { enabled: false },
      mapNavigation: { enabled: true },
      plotOptions: {
        map: { allAreas: false, joinBy: ['hc-key', 'code'] },
        mappoint: { showInLegend: false, enableMouseTracking: false } 
      },
      tooltip: {
        formatter: function() {
          return this.point.name + ' - ' + this.point.code;
        }
      },
      series: [
               {
                 name: 'Philadelphia Fed',
                 data: ["us-de-001","us-de-003","us-de-005","us-nj-001","us-nj-005","us-nj-007","us-nj-009","us-nj-011","us-nj-015","us-nj-021","us-nj-029","us-nj-033","us-pa-001","us-pa-009","us-pa-011","us-pa-013","us-pa-015","us-pa-017","us-pa-021","us-pa-023","us-pa-025","us-pa-027","us-pa-029","us-pa-033","us-pa-035","us-pa-037","us-pa-041","us-pa-043","us-pa-045","us-pa-047","us-pa-055","us-pa-057","us-pa-061","us-pa-067","us-pa-069","us-pa-071","us-pa-075","us-pa-077","us-pa-079","us-pa-081","us-pa-083","us-pa-087","us-pa-089","us-pa-091","us-pa-093","us-pa-095","us-pa-097","us-pa-099","us-pa-101","us-pa-103","us-pa-105","us-pa-107","us-pa-109","us-pa-113","us-pa-115","us-pa-117","us-pa-119","us-pa-127","us-pa-131","us-pa-133"].map(function (code) { return { code: code }; }),
                 lineWidth: 0, color: 'orange', enableMouseTracking: false
               }, {
              name: 'counties not in Third District',
            data:...