JavaScript
(async () => {
const topology = await fetch(
'https://code.highcharts.com/mapdata/custom/world-lowres.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], ['fr', 15],
['fm', 16], ['cn', 17], ['pt', 18], ['sw', 19], ['sh', 20], ['br', 21],
['ki', 22], ['ph', 23], ['mx', 24], ['bu', 25], ['mv', 26], ['sp', 27],
['gb', 28], ['gr', 29], ['as', 30], ['dk', 31], ['gl', 32], ['gu', 33],
['mp', 34], ['pr', 35], ['vi', 36], ['ca', 37], ['st', 38], ['cv', 39],
['dm', 40], ['nl', 41], ['jm', 42], ['ws', 43], ['om', 44], ['vc', 45],
['tr', 46], ['bd', 47], ['lc', 48], ['nr', 49], ['no', 50], ['kn', 51],
['bh', 52], ['to', 53], ['fi', 54], ['id', 55], ['mu', 56], ['se', 57],
['tt', 58], ['my', 59], ['pa', 60], ['pw', 61], ['tv', 62], ['mh', 63],
['th', 64], ['gd', 65], ['ee', 66], ['ag', 67], ['bb', 68], ['it', 69],
['mt', 70], ['vu', 71], ['sg', 72], ['cy', 73], ['lk', 74], ['km', 75],
['fj', 76], ['ru', 77], ['va', 78], ['sm', 79], ['kz', 80], ['az', 81],
['am', 82], ['tj', 83], ['ls', 84], ['uz', 85], ['in', 86], ['es', 87],
['ma', 88], ['ec', 89], ['co', 90], ['tl', 91], ['tz', 92], ['ar', 93],
['sa', 94], ['pk', 95], ['ye', 96], ['ae', 97], ['ke', 98], ['pe', 99],
['do', 100], ['ht', 101], ['ao', 102], ['kh', 103], ['vn', 104],
['mz', 105], ['cr', 106], ['bj', 107], ['ng', 108], ['ir', 109],
['sv', 110], ['cl', 111], ['sl', 112], ['gw', 113], ['hr', 114],
['bz', 115], ['za', 116], ['cf', 117], ['sd', 118], ['ly', 119],
['cd', 120], ['kw', 121], ['pg', 122], ['de', 123], ['ch', 124],
['er', 125], ['ie', 126], ['kp', 127], ['kr', 128], ['gy',...