Instantly share code, notes, and snippets.

Embed
What would you like to do?
Ontario Extend Map Animation
<html>
<head>
<title>Countries Visited By Ontario Extenders</title>
<style>
body
{
background-color: #81d4fa;
margin: 0;
padding: 0;
font-family: Sans-Serif;
}
#wrapper
{
width: 700px;
margin: 150px auto 100px;
text-align: center;
}
p
{
font-size: 1.5rem;
line-height: 1.2;
text-align: left;
color: #666;
text-align: center;
}
.text-center {
text-align: center;
}
.credit
{
font-size: 13px;
text-align: center;
margin-top: 80px;
}
a, a:link, a:visited
{
color: #666;
text-decoration: none;
font-weight:bold;
border-bottom: 1px dotted #666;
}
a:hover { color: #eb47a0; font-weight:bold; border-bottom: 1px dotted #eb47a0; }
.twitter-tweet-rendered {
margin-left: auto;
margin-right: auto;
}
</style>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {
'packages':['geochart'],
// Note: you will need to get a mapsApiKey for your project.
// See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
'mapsApiKey': 'AIzaSyBlnejeTLjIlP2iV1edFqdSBCBcLbMLYWE'
});
google.charts.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 0], ['MX', 0], ['CA', 0], ['BZ', 0], ['BS', 0], ['US', 0], ['PR', 0], ['JP', 0], ['SG', 0], ['CN', 0], ['AU', 0], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
};
var ccount = 0;
var makeMap = setInterval(mapTimer, 1000);
function mapTimer() {
ccount++;
if (ccount == 40) ccount = 0;
switch (ccount) {
case 1:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 0], ['MX', 0], ['CA', 1], ['BZ', 0], ['BS', 0], ['US', 0], ['PR', 0], ['JP', 0], ['SG', 0], ['CN', 0], ['AU', 0], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding CA';
break;
case 2:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 0], ['MX', 1], ['CA', 1], ['BZ', 0], ['BS', 0], ['US', 0], ['PR', 0], ['JP', 0], ['SG', 0], ['CN', 0], ['AU', 0], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding MX';
break;
case 3:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 0], ['BS', 0], ['US', 0], ['PR', 0], ['JP', 0], ['SG', 0], ['CN', 0], ['AU', 0], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding KK';
break;
case 4:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 0], ['US', 0], ['PR', 0], ['JP', 0], ['SG', 0], ['CN', 0], ['AU', 0], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding BZ';
break;
case 5:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 0], ['PR', 0], ['JP', 0], ['SG', 0], ['CN', 0], ['AU', 0], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding BS';
break;
case 6:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 0], ['JP', 0], ['SG', 0], ['CN', 0], ['AU', 0], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding US';
break;
case 7:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 0], ['SG', 0], ['CN', 0], ['AU', 0], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding PR';
break;
case 8:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 0], ['CN', 0], ['AU', 0], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding JP';
break;
case 9:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 0], ['AU', 0], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding SG';
break;
case 10:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 0], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding CN';
break;
case 11:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding AU';
break;
case 12:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding NZ';
break;
case 13:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding DE';
break;
case 14:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding IS';
break;
case 15:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding GB';
break;
case 16:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding IN';
break;
case 17:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding ZA';
break;
case 18:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding CH';
break;
case 19:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding NL';
break;
case 20:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding MC';
break;
case 21:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding IT';
break;
case 22:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding FR';
break;
case 23:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding VA';
break;
case 24:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding JM';
break;
case 25:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding MQ';
break;
case 26:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding BM';
break;
case 27:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding BB';
break;
case 28:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 1], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
break;
newc = 'Adding BE';
case 29:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 1], ['FI', 1], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding BR';
break;
case 30:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 1], ['FI', 1], ['ES', 1], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding FI';
break;
case 31:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 1], ['FI', 1], ['ES', 1], ['AT', 1], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding ES';
break;
case 32:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 1], ['FI', 1], ['ES', 1], ['AT', 1], ['AM', 1], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding AT';
break;
case 33:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 1], ['FI', 1], ['ES', 1], ['AT', 1], ['AM', 1], ['CZ', 1], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding AM';
break;
case 34:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 1], ['FI', 1], ['ES', 1], ['AT', 1], ['AM', 1], ['CZ', 1], ['HR', 1], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding CZ';
break;
case 35:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 1], ['FI', 1], ['ES', 1], ['AT', 1], ['AM', 1], ['CZ', 1], ['HR', 1], ['EG', 1], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding HR';
break;
case 36:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 1], ['FI', 1], ['ES', 1], ['AT', 1], ['AM', 1], ['CZ', 1], ['HR', 1], ['EG', 1], ['VE', 1], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding EG';
break;
case 37:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 1], ['FI', 1], ['ES', 1], ['AT', 1], ['AM', 1], ['CZ', 1], ['HR', 1], ['EG', 1], ['VE', 1], ['PE', 1], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding VE';
break;
case 38:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 1], ['FI', 1], ['ES', 1], ['AT', 1], ['AM', 1], ['CZ', 1], ['HR', 1], ['EG', 1], ['VE', 1], ['PE', 1], ['RU', 1], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding PE';
break;
case 39:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 1], ['MX', 1], ['CA', 1], ['BZ', 1], ['BS', 1], ['US', 1], ['PR', 1], ['JP', 1], ['SG', 1], ['CN', 1], ['AU', 1], ['NZ', 1], ['DE', 1], ['IS', 1], ['GB', 1], ['IN', 1], ['ZA', 1], ['CH', 1], ['NL', 0], ['MC', 1], ['IT', 1], ['FR', 1], ['VA', 1], ['JM', 1], ['MQ', 1], ['BM', 1], ['BB', 1], ['BE', 1], ['BR', 1], ['FI', 1], ['ES', 1], ['AT', 1], ['AM', 1], ['CZ', 1], ['HR', 1], ['EG', 1], ['VE', 1], ['PE', 1], ['RU', 1], ['MN', 1],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = 'Adding RU';
break;
default:
var data = google.visualization.arrayToDataTable([
['Country', 'Been'],
['KK', 0], ['MX', 0], ['CA', 0], ['BZ', 0], ['BS', 0], ['US', 0], ['PR', 0], ['JP', 0], ['SG', 0], ['CN', 0], ['AU', 0], ['NZ', 0], ['DE', 0], ['IS', 0], ['GB', 0], ['IN', 0], ['ZA', 0], ['CH', 0], ['NL', 0], ['MC', 0], ['IT', 0], ['FR', 0], ['VA', 0], ['JM', 0], ['MQ', 0], ['BM', 0], ['BB', 0], ['BE', 0], ['BR', 0], ['FI', 0], ['ES', 0], ['AT', 0], ['AM', 0], ['CZ', 0], ['HR', 0], ['EG', 0], ['VE', 0], ['PE', 0], ['RU', 0], ['MN', 0],
]);
var options = {
displayMode: 'regions',
legend: 'none',
colorAxis: {minValue : 0, maxValue : 1, colors: ['#ededed', 'red']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#ededed',
defaultColor: '#f50000',
};
var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
chart.draw(data, options);
newc = ''
}
document.getElementById("ccountshow").innerHTML = newc + ' Total=' + ccount;
}
</script>
</head>
<body>
<div id="wrapper">
<h1>Countries Visited By Ontario Extenders</h1>
<p>From the May 30, 2018 Daily Extend</p>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Daily Extend: <a href="https://twitter.com/hashtag/oext188?src=hash&amp;ref_src=twsrc%5Etfw">#oext188</a> Where in the world have you been? How Much Have You Seen? Or where do you want to go? <a href="https://t.co/dQk27E4y6L">https://t.co/dQk27E4y6L</a> <a href="https://t.co/xenLboGLK4">pic.twitter.com/xenLboGLK4</a></p>&mdash; OntarioExtend (@ontarioextend) <a href="https://twitter.com/ontarioextend/status/1001770770979160064?ref_src=twsrc%5Etfw">May 30, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<p>A question was- can it be animated? </p>
<h2>Yes It Can</h2>
<div id="geochart-colors" style="width: 700px; height: 433px;"></div>
<p>Number of countries visited by Ontario Extenders: <br /><strong><span id="ccountshow">0</span></strong></p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment