California - Highmaps

Highmaps demo

by Kathryn Atwood

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-ca-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 () {

    // Prepare demo data
    var data = [
        {
            "hc-key": "us-ca-083",
            "value": 56
        },
        {
            "hc-key": "us-ca-111",
            "value": 113
        },
        {
            "hc-key": "us-ca-071",
            "value": 69
        },
        {
            "hc-key": "us-ca-115",
            "value": 23
        },
        {
            "hc-key": "us-ca-101",
            "value": 18
        },
        {
            "hc-key": "us-ca-031",
            "value": 12
        },
        {
            "hc-key": "us-ca-053",
            "value": 101
        },
        {
            "hc-key": "us-ca-057",
            "value": 40
        },
        {
            "hc-key": "us-ca-059",
            "value": 286
        },
        {
            "hc-key": "us-ca-065",
            "value": 118
        },
        {
            "hc-key": "us-ca-073",
            "value": 445
        },
        {
            "hc-key": "us-ca-041",
            "value": 351
        },
        {
            "hc-key": "us-ca-075",
            "value": 183
        },
        {
            "hc-key": "us-ca-095",
            "value": 343
        },
        {
            "hc-key": "us-ca-097",
            "value": 2064
        },
        {
            "hc-key": "us-ca-055",
            "value": 280
        },
        {
            "hc-key": "us-ca-013",
            "value": 686
        },
        {
            "hc-key": "us-ca-009",
            "value": 13
        },
        {
            "hc-key": "us-ca-077",
            "value": 200
        },
        {
            "hc-key": "us-ca-035",
            "value": 1
        },
        {
            "hc-key": "us-ca-091",
            "value": 0
        },
        {
            "hc-key": "us-ca-067",
            "value": 419
        },
        {
            "hc-key": "us-ca-017",
            "value": 89
        },
        {
            "hc-key": "us-ca-099",
            "value": 92
        },
      ...