World, medium resolution - Highcharts Maps

Highcharts Maps demo

HTML

<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/maps/modules/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

(async () => {

    const topology = await fetch(
        'https://code.highcharts.com/mapdata/custom/world.topo.json'
    ).then(response => response.json());

    // Prepare demo data. The data is joined to map using value of 'hc-key'
    // property by default. See API docs for 'joinBy' for more info on linking
    // data and map.
    const data = [
        ['fo', 10], ['um', 11], ['us', 12], ['jp', 13], ['sc', 14], ['in', 15],
        ['fr', 16], ['fm', 17], ['cn', 18], ['pt', 19], ['sw', 20], ['sh', 21],
        ['br', 22], ['ki', 23], ['ph', 24], ['mx', 25], ['es', 26], ['bu', 27],
        ['mv', 28], ['sp', 29], ['gb', 30], ['gr', 31], ['as', 32], ['dk', 33],
        ['gl', 34], ['gu', 35], ['mp', 36], ['pr', 37], ['vi', 38], ['ca', 39],
        ['st', 40], ['cv', 41], ['dm', 42], ['nl', 43], ['jm', 44], ['ws', 45],
        ['om', 46], ['vc', 47], ['tr', 48], ['bd', 49], ['lc', 50], ['nr', 51],
        ['no', 52], ['kn', 53], ['bh', 54], ['to', 55], ['fi', 56], ['id', 57],
        ['mu', 58], ['se', 59], ['tt', 60], ['my', 61], ['pa', 62], ['pw', 63],
        ['tv', 64], ['mh', 65], ['cl', 66], ['th', 67], ['gd', 68], ['ee', 69],
        ['ag', 70], ['bb', 71], ['it', 72], ['mt', 73], ['vu', 74], ['sg', 75],
        ['cy', 76], ['lk', 77], ['km', 78], ['fj', 79], ['ru', 80], ['va', 81],
        ['sm', 82], ['kz', 83], ['az', 84], ['tj', 85], ['ls', 86], ['uz', 87],
        ['ma', 88], ['co', 89], ['tl', 90], ['tz', 91], ['ar', 92], ['sa', 93],
        ['pk', 94], ['ye', 95], ['ae', 96], ['ke', 97], ['pe', 98], ['do', 99],
        ['ht', 100], ['pg', 101], ['ao', 102], ['kh', 103], ['vn', 104],
        ['mz', 105], ['cr', 106], ['bj', 107], ['ng', 108], ['ir', 109],
        ['sv', 110], ['sl', 111], ['gw', 112], ['hr', 113], ['bz', 114],
        ['za', 115], ['cf', 116], ['sd', 117], ['cd', 118], ['kw', 119],
        ['de', 120], ['be', 121], ['ie', 122], ['kp', 123], ['kr', 124],
        ['gy', 125], ['hn', 126], ['mm', 127], ['ga', 128], ['gq', 129],
   ...