index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Uso de Internet 2016</title>
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script>
<script src="//datamaps.github.io/scripts/datamaps.world.min.js"></script>
</head>
<body>
<div id="container" style="position: relative; width: 900px; height: 600px;"></div>
<script>
var map = new Datamap({
element: document.getElementById('container'),
fills: {
defaultFill: 'rgba(128,128,128,0.5)',
lt50: '#1f78b4',
gt50: '#33a02c'
},
data: {
USA: {fillKey: 'gt50'},
GBR: {fillKey: 'gt50'},
VNM: {fillKey: 'gt50'},
HKG: {fillKey: 'gt50'},
CIV: {fillKey: 'lt50'},
SCG: {fillKey: 'gt50'},
SGP: {fillKey: 'gt50'},
COD: {fillKey: 'lt50'},
PSE: {fillKey: 'gt50'},
TZA: {fillKey: 'lt50'},
MKD: {fillKey: 'gt50'},
BHR: {fillKey: 'gt50'},
MUS: {fillKey: 'lt50'},
MAC: {fillKey: 'gt50'},
COG: {fillKey: 'lt50'},
MLT: {fillKey: 'gt50'},
BHS: {fillKey: 'gt50'},
BRB: {fillKey: 'gt50'},
CPV: {fillKey: 'lt50'},
MDV: {fillKey: 'gt50'},
PYF: {fillKey: 'gt50'},
GUM: {fillKey: 'gt50'},
LCA: {fillKey: 'gt50'},
ABW: {fillKey: 'gt50'},
AND: {fillKey: 'gt50'},
GNB: {fillKey: 'lt50'},
VCT: {fillKey: 'gt50'},
ATG: {fillKey: 'gt50'},
BMU: {fillKey: 'gt50'},
COM: {fillKey: 'lt50'},
VIR: {fillKey: 'gt50'},
WSM: {fillKey: 'lt50'},
SYC: {fillKey: 'gt50'},
TON: {fillKey: 'lt50'},
STP: {fillKey: 'lt50'},
DMA: {fillKey: 'gt50'},
FRO: {fillKey: 'gt50'},
CYM: {fillKey: 'gt50'},
GRD: {fillKey: 'lt50'},
KNA: {fillKey: 'gt50'},
LIE: {fillKey: 'gt50'},
MCO: {fillKey: 'gt50'},
FSM: {fillKey: 'lt50'},
KIR: {fillKey: 'lt50'},
TLS: {fillKey: 'lt50'},
MHL: {fillKey: 'lt50'},
AFG: {fillKey: 'lt50'},
AGO: {fillKey: 'lt50'},
ALB: {fillKey: 'gt50'},
ARE: {fillKey: 'gt50'},
ARG: {fillKey: 'gt50'},
ARM: {fillKey: 'lt50'},
AUS: {fillKey: 'gt50'},
AUT: {fillKey: 'gt50'},
AZE: {fillKey: 'gt50'},
BDI: {fillKey: 'lt50'},
BEL: {fillKey: 'gt50'},
BEN: {fillKey: 'lt50'},
BFA: {fillKey: 'lt50'},
BGD: {fillKey: 'lt50'},
BGR: {fillKey: 'gt50'},
BIH: {fillKey: 'gt50'},
BLR: {fillKey: 'gt50'},
BLZ: {fillKey: 'lt50'},
BOL: {fillKey: 'lt50'},
BRA: {fillKey: 'gt50'},
BRN: {fillKey: 'gt50'},
BTN: {fillKey: 'lt50'},
BWA: {fillKey: 'lt50'},
CAF: {fillKey: 'lt50'},
CAN: {fillKey: 'gt50'},
CHE: {fillKey: 'gt50'},
CHL: {fillKey: 'gt50'},
CHN: {fillKey: 'gt50'},
CMR: {fillKey: 'lt50'},
COL: {fillKey: 'gt50'},
CRI: {fillKey: 'gt50'},
CUB: {fillKey: 'lt50'},
CYP: {fillKey: 'gt50'},
CZE: {fillKey: 'gt50'},
DEU: {fillKey: 'gt50'},
DJI: {fillKey: 'lt50'},
DNK: {fillKey: 'gt50'},
DOM: {fillKey: 'gt50'},
DZA: {fillKey: 'lt50'},
ECU: {fillKey: 'lt50'},
EGY: {fillKey: 'lt50'},
ERI: {fillKey: 'lt50'},
ESP: {fillKey: 'gt50'},
EST: {fillKey: 'gt50'},
ETH: {fillKey: 'lt50'},
FIN: {fillKey: 'gt50'},
FJI: {fillKey: 'lt50'},
FRA: {fillKey: 'gt50'},
GAB: {fillKey: 'lt50'},
GEO: {fillKey: 'gt50'},
GHA: {fillKey: 'lt50'},
GIN: {fillKey: 'lt50'},
GMB: {fillKey: 'lt50'},
GNQ: {fillKey: 'lt50'},
GRC: {fillKey: 'gt50'},
GRL: {fillKey: 'gt50'},
GTM: {fillKey: 'lt50'},
GUY: {fillKey: 'lt50'},
HND: {fillKey: 'lt50'},
HRV: {fillKey: 'gt50'},
HTI: {fillKey: 'lt50'},
HUN: {fillKey: 'gt50'},
IDN: {fillKey: 'lt50'},
IND: {fillKey: 'lt50'},
IRL: {fillKey: 'gt50'},
IRN: {fillKey: 'lt50'},
IRQ: {fillKey: 'lt50'},
ISL: {fillKey: 'gt50'},
ISR: {fillKey: 'gt50'},
ITA: {fillKey: 'gt50'},
JAM: {fillKey: 'lt50'},
JOR: {fillKey: 'lt50'},
JPN: {fillKey: 'gt50'},
KAZ: {fillKey: 'gt50'},
KEN: {fillKey: 'lt50'},
KGZ: {fillKey: 'lt50'},
KHM: {fillKey: 'lt50'},
KOR: {fillKey: 'gt50'},
KWT: {fillKey: 'gt50'},
LAO: {fillKey: 'lt50'},
LBN: {fillKey: 'gt50'},
LBR: {fillKey: 'lt50'},
LBY: {fillKey: 'lt50'},
LKA: {fillKey: 'lt50'},
LSO: {fillKey: 'lt50'},
LTU: {fillKey: 'gt50'},
LUX: {fillKey: 'gt50'},
LVA: {fillKey: 'gt50'},
MAR: {fillKey: 'gt50'},
MDA: {fillKey: 'lt50'},
MDG: {fillKey: 'lt50'},
MEX: {fillKey: 'lt50'},
MLI: {fillKey: 'lt50'},
MMR: {fillKey: 'lt50'},
MNE: {fillKey: 'gt50'},
MNG: {fillKey: 'lt50'},
MOZ: {fillKey: 'lt50'},
MRT: {fillKey: 'lt50'},
MWI: {fillKey: 'lt50'},
MYS: {fillKey: 'gt50'},
NAM: {fillKey: 'lt50'},
NCL: {fillKey: 'gt50'},
NER: {fillKey: 'lt50'},
NGA: {fillKey: 'lt50'},
NIC: {fillKey: 'lt50'},
NLD: {fillKey: 'gt50'},
NOR: {fillKey: 'gt50'},
NPL: {fillKey: 'lt50'},
NZL: {fillKey: 'gt50'},
OMN: {fillKey: 'gt50'},
PAK: {fillKey: 'lt50'},
PAN: {fillKey: 'lt50'},
PER: {fillKey: 'lt50'},
PHL: {fillKey: 'lt50'},
PNG: {fillKey: 'lt50'},
POL: {fillKey: 'gt50'},
PRI: {fillKey: 'gt50'},
PRT: {fillKey: 'gt50'},
PRY: {fillKey: 'lt50'},
QAT: {fillKey: 'gt50'},
ROU: {fillKey: 'gt50'},
RUS: {fillKey: 'gt50'},
RWA: {fillKey: 'lt50'},
SAU: {fillKey: 'gt50'},
SDN: {fillKey: 'lt50'},
SEN: {fillKey: 'lt50'},
SLB: {fillKey: 'lt50'},
SLE: {fillKey: 'lt50'},
SLV: {fillKey: 'lt50'},
SOM: {fillKey: 'lt50'},
SSD: {fillKey: 'lt50'},
SUR: {fillKey: 'lt50'},
SVK: {fillKey: 'gt50'},
SVN: {fillKey: 'gt50'},
SWE: {fillKey: 'gt50'},
SWZ: {fillKey: 'lt50'},
SYR: {fillKey: 'lt50'},
TCD: {fillKey: 'lt50'},
TGO: {fillKey: 'lt50'},
THA: {fillKey: 'lt50'},
TJK: {fillKey: 'lt50'},
TKM: {fillKey: 'lt50'},
TTO: {fillKey: 'gt50'},
TUN: {fillKey: 'lt50'},
TUR: {fillKey: 'gt50'},
UGA: {fillKey: 'lt50'},
UKR: {fillKey: 'lt50'},
URY: {fillKey: 'gt50'},
UZB: {fillKey: 'gt50'},
VEN: {fillKey: 'gt50'},
VUT: {fillKey: 'lt50'},
YEM: {fillKey: 'lt50'},
ZAF: {fillKey: 'gt50'},
ZMB: {fillKey: 'lt50'},
ZWE: {fillKey: 'lt50'}
}
});
</script>
</body>
</html>