JSFiddle - React, Tailwind, and code Playground

by Rajan Paneru

HTML

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

<div id="container"></div>

CSS

#container {
  height: 500px;
  min-width: 310px;
  max-width: 800px;
  margin: 0 auto;
}

.loading {
  margin-top: 10em;
  text-align: center;
  color: gray;
}

JavaScript

$(function() {
  var lines = Highcharts.geojson(Highcharts.maps['countries/us/us-al-all'], 'mapline'),
    mapData = Highcharts.maps['countries/us/us-al-all'],
    data = [{
      "name": "Russell County, AL",
      "hc-key": "us-al-113",
      "value": 43.0,
      "myString": "Poverty rate: 22.1"
    }, {
      "name": "Lee County, AL",
      "hc-key": "us-al-081",
      "value": 23.8,
      "myString": "Poverty rate: 23.6"
    }, {
      "name": "Chambers County, AL",
      "hc-key": "us-al-017",
      "value": 40.7,
      "myString": "Poverty rate: 23.9"
    }, {
      "name": "Escambia County, AL",
      "hc-key": "us-al-053",
      "value": 32.9,
      "myString": "Poverty rate: 26"
    }, {
      "name": "Hale County, AL",
      "hc-key": "us-al-065",
      "value": 58.5,
      "myString": "Poverty rate: 27.9"
    }, {
      "name": "Jackson County, AL",
      "hc-key": "us-al-071",
      "value": 4.0,
      "myString": "Poverty rate: 18.2"
    }, {
      "name": "Pike County, AL",
      "hc-key": "us-al-109",
      "value": 37.6,
      "myString": "Poverty rate: 27.2"
    }, {
      "name": "Houston County, AL",
      "hc-key": "us-al-069",
      "value": 27.1,
      "myString": "Poverty rate: 18.4"
    }, {
      "name": "Etowah County, AL",
      "hc-key": "us-al-055",
      "value": 15.9,
      "myString": "Poverty rate: 19.6"
    }, {
      "name": "Tuscaloosa County, AL",
      "hc-key": "us-al-125",
      "value": 30.8,
      "myString": "Poverty rate: 18.4"
    }, {
      "name": "Barbour County, AL",
      "hc-key": "us-al-005",
      "value": 47.3,
      "myString": "Poverty rate: 24.1"
    }, {
      "name": "Marion County, AL",
      "hc-key": "us-al-093",
      "value": 3.9,
      "myString": "Poverty rate: 19.4"
    }, {
      "name": "Dale County, AL",
      "hc-key": "us-al-045",
      "value": 20.7,
      "myString": "Poverty rate: 18.7"
    }, {
      "name": "Madison County, AL",
      "hc-key": "us-al-089",
      "value": 25.3,
     ...