-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMap.html
43 lines (41 loc) · 8.93 KB
/
Map.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html><html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Highmap with Python - Thomas Roca
</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.11.0.js'></script>
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type='text/css'>
#container {
height: 600px; min-width: 310px; max-width: 750px; margin: 0 auto;
}
.loading {
margin-top: 10em;
text-align: center;
color: gray;
}
</style><script type='text/javascript'>
$(function () {
// Prepare demo data
var data = [
{"hc-key": "al","value": 10.3},{"hc-key": "aq","value": null},{"hc-key": "dz","value": 14.2},{"hc-key": "as","value": null},{"hc-key": "ad","value": null},{"hc-key": "ao","value": 8.7},{"hc-key": "ag","value": 13.7},{"hc-key": "az","value": 11.6},{"hc-key": "ar","value": 17.5},{"hc-key": "au","value": 20.3},{"hc-key": "at","value": 15.9},{"hc-key": "bs","value": null},{"hc-key": "bh","value": 15.1},{"hc-key": "bd","value": 10.3},{"hc-key": "am","value": 13.6},{"hc-key": "bb","value": 17.2},{"hc-key": "be","value": 16.5},{"hc-key": "bm","value": null},{"hc-key": "bt","value": 12.5},{"hc-key": "bo","value": 12.9},{"hc-key": "ba","value": null},{"hc-key": "bw","value": 11.7},{"hc-key": "bv","value": null},{"hc-key": "br","value": null},{"hc-key": "bz","value": 14.1},{"hc-key": "io","value": null},{"hc-key": "sb","value": 8.8},{"hc-key": "vg","value": null},{"hc-key": "bn","value": 14.9},{"hc-key": "bg","value": 14.5},{"hc-key": "mm","value": null},{"hc-key": "bi","value": 9.6},{"hc-key": "by","value": 16.3},{"hc-key": "kh","value": 10.3},{"hc-key": "cm","value": 9.5},{"hc-key": "ca","value": 16.2},{"hc-key": "cv","value": 13.6},{"hc-key": "ky","value": null},{"hc-key": "cf","value": 5.9},{"hc-key": "lk","value": 13.9},{"hc-key": "td","value": 5.9},{"hc-key": "cl","value": 15.3},{"hc-key": "cn","value": 13},{"hc-key": "tw","value": null},{"hc-key": "cx","value": null},{"hc-key": "cc","value": null},{"hc-key": "co","value": 13.5},{"hc-key": "km","value": 12.3},{"hc-key": "yt","value": null},{"hc-key": "cg","value": 10.9},{"hc-key": "cd","value": 8.4},{"hc-key": "ck","value": null},{"hc-key": "cr","value": 13.9},{"hc-key": "hr","value": 15.2},{"hc-key": "cu","value": 15.1},{"hc-key": "cy","value": 14},{"hc-key": "cz","value": 16.9},{"hc-key": "bj","value": 9.4},{"hc-key": "dk","value": 17.6},{"hc-key": "dm","value": null},{"hc-key": "do","value": null},{"hc-key": "ec","value": null},{"hc-key": "sv","value": 12},{"hc-key": "gq","value": 6.9},{"hc-key": "et","value": 8},{"hc-key": "er","value": 3.7},{"hc-key": "ee","value": 17.5},{"hc-key": "fo","value": null},{"hc-key": "fk","value": null},{"hc-key": "gs","value": null},{"hc-key": "fj","value": 14.1},{"hc-key": "fi","value": 17.6},{"hc-key": "ax","value": null},{"hc-key": "fr","value": 16.3},{"hc-key": "gf","value": null},{"hc-key": "pf","value": null},{"hc-key": "tf","value": null},{"hc-key": "dj","value": 5.9},{"hc-key": "ga","value": null},{"hc-key": "ge","value": 12.8},{"hc-key": "gm","value": null},{"hc-key": "ps","value": null},{"hc-key": "de","value": 16.2},{"hc-key": "gh","value": 10.9},{"hc-key": "gi","value": null},{"hc-key": "ki","value": 12.7},{"hc-key": "gr","value": 16.6},{"hc-key": "gl","value": null},{"hc-key": "gd","value": 16.3},{"hc-key": "gp","value": null},{"hc-key": "gu","value": null},{"hc-key": "gt","value": 10.3},{"hc-key": "gn","value": 7.4},{"hc-key": "gy","value": 11.7},{"hc-key": "ht","value": null},{"hc-key": "hm","value": null},{"hc-key": "va","value": null},{"hc-key": "hn","value": 12.1},{"hc-key": "hk","value": 15.3},{"hc-key": "hu","value": 15.7},{"hc-key": "is","value": 19.9},{"hc-key": "in","value": 11.3},{"hc-key": "id","value": 12.8},{"hc-key": "ir","value": 15},{"hc-key": "iq","value": 8.7},{"hc-key": "ie","value": 18.5},{"hc-key": "il","value": 16.1},{"hc-key": "it","value": 16.8},{"hc-key": "ci","value": 14},{"hc-key": "jm","value": 12.4},{"hc-key": "jp","value": 15.1},{"hc-key": "kz","value": 15.4},{"hc-key": "jo","value": 13.5},{"hc-key": "ke","value": 10.7},{"hc-key": "kp","value": null},{"hc-key": "kr","value": 16.1},{"hc-key": "kw","value": 15.2},{"hc-key": "kg","value": 12.7},{"hc-key": "la","value": 9.5},{"hc-key": "lb","value": 13},{"hc-key": "ls","value": 11.6},{"hc-key": "lv","value": 16.3},{"hc-key": "lr","value": 8.9},{"hc-key": "ly","value": 16.4},{"hc-key": "li","value": 13.8},{"hc-key": "lt","value": 17.3},{"hc-key": "lu","value": 14},{"hc-key": "mo","value": null},{"hc-key": "mg","value": 10.2},{"hc-key": "mw","value": 10.8},{"hc-key": "my","value": 12.7},{"hc-key": "mv","value": 12.8},{"hc-key": "ml","value": 7.6},{"hc-key": "mt","value": 14.7},{"hc-key": "mq","value": null},{"hc-key": "mr","value": 8.1},{"hc-key": "mu","value": 15.9},{"hc-key": "mx","value": 12.9},{"hc-key": "mc","value": null},{"hc-key": "mn","value": 15.6},{"hc-key": "md","value": 12.1},{"hc-key": "me","value": 15.5},{"hc-key": "ms","value": null},{"hc-key": "ma","value": 10.6},{"hc-key": "mz","value": 8.9},{"hc-key": "om","value": 13.9},{"hc-key": "na","value": 11.4},{"hc-key": "nr","value": 9.9},{"hc-key": "np","value": 12.5},{"hc-key": "nl","value": 18},{"hc-key": "cw","value": null},{"hc-key": "aw","value": null},{"hc-key": "sx","value": null},{"hc-key": "bq","value": null},{"hc-key": "nc","value": null},{"hc-key": "vu","value": 10.2},{"hc-key": "nz","value": 20.2},{"hc-key": "ni","value": 10.8},{"hc-key": "ne","value": 4.8},{"hc-key": "ng","value": 8.2},{"hc-key": "nu","value": null},{"hc-key": "nf","value": null},{"hc-key": "no","value": 18.2},{"hc-key": "mp","value": null},{"hc-key": "um","value": null},{"hc-key": "fm","value": null},{"hc-key": "mh","value": 12},{"hc-key": "pw","value": 14.6},{"hc-key": "pk","value": 6.9},{"hc-key": "pa","value": 12.9},{"hc-key": "pg","value": null},{"hc-key": "py","value": 12.2},{"hc-key": "pe","value": 13.2},{"hc-key": "ph","value": 11.5},{"hc-key": "pn","value": null},{"hc-key": "pl","value": 16.3},{"hc-key": "pt","value": 16.5},{"hc-key": "gw","value": null},{"hc-key": "tl","value": 11.3},{"hc-key": "pr","value": null},{"hc-key": "qa","value": 14},{"hc-key": "re","value": null},{"hc-key": "ro","value": 14.5},{"hc-key": "ru","value": 14.5},{"hc-key": "rw","value": 10.3},{"hc-key": "bl","value": null},{"hc-key": "sh","value": null},{"hc-key": "kn","value": 13.4},{"hc-key": "ai","value": null},{"hc-key": "lc","value": 12.5},{"hc-key": "mf","value": null},{"hc-key": "pm","value": null},{"hc-key": "vc","value": 13.4},{"hc-key": "sm","value": 15.9},{"hc-key": "st","value": 11.4},{"hc-key": "sa","value": 15.9},{"hc-key": "sn","value": 7.8},{"hc-key": "rs","value": 14.1},{"hc-key": "sc","value": 12.1},{"hc-key": "sl","value": 6.1},{"hc-key": "sg","value": 15.5},{"hc-key": "sk","value": 15.6},{"hc-key": "vn","value": null},{"hc-key": "si","value": 17.9},{"hc-key": "so","value": null},{"hc-key": "za","value": null},{"hc-key": "zw","value": 9.1},{"hc-key": "es","value": 17.5},{"hc-key": "ss","value": null},{"hc-key": "sd","value": null},{"hc-key": "eh","value": null},{"hc-key": "sr","value": 12.9},{"hc-key": "sj","value": null},{"hc-key": "sz","value": 10.9},{"hc-key": "se","value": 16.6},{"hc-key": "ch","value": 15.6},{"hc-key": "sy","value": 12},{"hc-key": "tj","value": 10.4},{"hc-key": "th","value": 13.4},{"hc-key": "tg","value": 8.5},{"hc-key": "tk","value": null},{"hc-key": "to","value": 14},{"hc-key": "tt","value": 12.5},{"hc-key": "ae","value": 13.9},{"hc-key": "tn","value": 15},{"hc-key": "tr","value": 13.8},{"hc-key": "tm","value": null},{"hc-key": "tc","value": null},{"hc-key": "tv","value": 11.4},{"hc-key": "ug","value": 10.6},{"hc-key": "ua","value": 15.3},{"hc-key": "mk","value": 13.4},{"hc-key": "eg","value": 12.7},{"hc-key": "gb","value": 16.7},{"hc-key": "gg","value": null},{"hc-key": "je","value": null},{"hc-key": "im","value": null},{"hc-key": "tz","value": 9},{"hc-key": "us","value": 17.4},{"hc-key": "vi","value": null},{"hc-key": "bf","value": 7},{"hc-key": "uy","value": 16.6},{"hc-key": "uz","value": 11.3},{"hc-key": "ve","value": 15.3},{"hc-key": "wf","value": null},{"hc-key": "ws","value": 13.3},{"hc-key": "ye","value": 7.7},{"hc-key": "zm","value": 13},{"hc-key": "ps","value": null},
{ "hc-key": "zz", "value": 0 }];
// Initiate the chart
$('#container').highcharts('Map', {
title: { text :
'GDI: Expected years of schooling, females'
}, subtitle: {text : 'Source map: Highmap from Highcharts' },
mapNavigation: { enabled: true, buttonOptions: { verticalAlign: 'bottom' } },
colorAxis: {min:0, stops:[[0, '#f4f5f7'],[1,'#3170c4']]},
series : [{
data : data,
mapData: Highcharts.maps['custom/world-highres'],
joinBy: 'hc-key', name: 'Random data', states: {hover: { color: '#BADA55' } },
}]
}); });
</script>
</head><body>
<script src="http://code.highcharts.com/maps/highmaps.js"></script>
<script src="http://code.highcharts.com/maps/modules/exporting.js"></script>
<script src="http://code.highcharts.com/mapdata/custom/world-highres.js"></script>
<div id="container"></div>
</body></html>