Highcharts Demo

author(s): Torstein Hønsi

by M Shameer

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<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>

<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

// Prepare random data
var data = [
    {
        "type": "Feature",
        "properties": {
            "cat": "1",
            "adm1_code": "AUS-2651",
            "OBJECTID_1": "6322",
            "diss_me": "2651",
            "adm1_cod_1": "AUS-2651",
            "iso_3166_2": "AU-",
            "wikipedia": null,
            "iso_a2": "AU",
            "adm0_sr": "6",
            "name": "Western Australia",
            "name_alt": null,
            "name_local": null,
            "type": "State",
            "type_en": "State",
            "code_local": null,
            "code_hasc": "AU.WA",
            "note": null,
            "hasc_maybe": null,
            "region": null,
            "region_cod": null,
            "provnum_ne": "5",
            "gadm_level": "1",
            "check_me": "20",
            "scalerank": "2",
            "datarank": "3",
            "abbrev": "W.A.",
            "postal": "WA",
            "area_sqkm": "0",
            "sameascity": "-99",
            "labelrank": "2",
            "featurecla": "Admin-1 scale rank",
            "name_len": "17",
            "mapcolor9": "2",
            "mapcolor13": "7",
            "fips": "AS08",
            "fips_alt": null,
            "woe_id": "2344706",
            "woe_label": "Western Australia, AU, Australia",
            "woe_name": "Western Australia",
            "latitude": "-25.8483",
            "longitude": "121.646",
            "sov_a3": "AU1",
            "adm0_a3": "AUS",
            "adm0_label": "2",
            "admin": "Australia",
            "geonunit": "Australia",
            "gu_a3": "AUS",
            "gn_id": "2058645",
            "gn_name": "State of Western Australia",
            "gns_id": "-1608952",
            "gns_name": "Western Australia",
            "gn_level": "1",
            "gn_region": null,
            "gn_a1_code": "AU.08",
            "region_sub": null,
            "sub_code": null,
            "gns_level": "1",
           ...