Created
May 31, 2018 17:03
-
-
Save cogdog/3e8a0e23684f17c3d1c6a55874016c07 to your computer and use it in GitHub Desktop.
Ontario Extend Map Animation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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&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>— 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