HTML Geo-Map of the Ecomod Data

From dftwiki3
Jump to: navigation, search

--D. Thiebaut 12:59, 20 March 2013 (EDT)


The HTML code below is in reference to the page on Geo-Mapping Data with Google Charts.



<html>
<head>
  <script type='text/javascript' src='https://www.google.com/jsapi'></script>
  <script type='text/javascript'>
   google.load('visualization', '1', {'packages': ['geomap']});
   google.setOnLoadCallback(drawMap);

    function drawMap() {
      var data = google.visualization.arrayToDataTable([
        ['Country', 'Attendees'],
['United States', 150],
['Belgium', 67],
['Germany', 61],
['South Korea', 49],
['United Kingdom', 42],
['Singapore', 39],
['Spain', 37],
['Nigeria', 34],
['Japan', 27],
['France', 25],
['Italy', 24],
['Netherlands', 23],
['Turkey', 22],
['South Africa', 22],
['Portugal', 19],
['Indonesia', 16],
['Thailand', 15],
['Canada', 15],
['Norway', 14],
['Iceland', 13],
['Brazil', 13],
['Australia', 13],
['Sweden', 12],
['China', 12],
['Tunisia', 11],
['Malaysia', 11],
['Ghana', 11],
['New Zealand', 10],
['Russia', 9],
['Poland', 9],
['Morocco', 9],
['Mexico', 9],
['United Arab Emirates', 8],
['Philippines', 8],
['Malawi', 8],
['Korea', 8],
['Jamaica', 8],
['Denmark', 8],
['Austria', 8],
['Venezuela', 7],
['Switzerland', 7],
['Slovenia', 7],
['Ireland', 7],
['Botswana', 7],
['Vietnam', 6],
['Sudan', 6],
['Luxembourg', 6],
['Greece', 6],
['Finland', 6],
['Colombia', 6],
['Kenya', 5],
['Kazakhstan', 5],
['Hong Kong', 5],
['Estonia', 5],
['Croatia', 5],
['Argentina', 5],
['The Gambia', 4],
['Syrian Arab Republic', 4],
['Saudi Arabia', 4],
['Lithuania', 4],
['Ethiopia', 4],
['Cote d\'Ivoire', 4],
['Brunei', 4],
['Zambia', 3],
['Uganda', 3],
['Trinidad and Tobago', 3],
['Sierra Leone', 3],
['Serbia', 3],
['Romania', 3],
['Malta', 3],
['Liberia', 3],
['Latvia', 3],
['Czech Republic', 3],
['Cameroon', 3],
['Belarus', 3],
['Bahrain', 3],
['Azerbaijan', 3],
['Armenia', 3],
['Angola', 3],
['Sri Lanka', 2],
['Slovakia', 2],
['Peru', 2],
['Papua New Guinea', 2],
['Mauritus', 2],
['Madagascar', 2],
['Lebanon', 2],
['Kuwait', 2],
['Israel', 2],
['Honduras', 2],
['Hawaii', 2],
['Guatemala', 2],
['Guadeloupe', 2],
['Ethopia', 2],
['Ecuador', 2],
['Chile', 2],
['Bolivia', 2],
['Barbados', 2],
['Ukraine', 1],
['Togo', 1],
['Taiwan', 1],
['Swaziland', 1],
['Slovak Republic', 1],
['Senegal', 1],
['Northern Cyprus', 1],
['Niger', 1],
['Nepal', 1],
['Namibia', 1],
['Moldova', 1],
['Mauritius', 1],
['Madrid', 1],
['Macedonia', 1],
['Lesotho', 1],
['Lao People\'s Democratic Republic', 1],
['Jordan', 1],
['Ivory Coast', 1],
['India', 1],
['Hungary', 1],
['Haiti', 1],
['Fiji Islands', 1],
['Egypt', 1],
['Cyprus', 1],
['Cape Verde', 1],
['Bangladesh', 1]

      ]);

      var options = {};
      options['dataMode'] = 'regions';
      options['width'] = '1112';
      options['height' ] = '694';
      var container = document.getElementById('map_canvas');
      var geomap = new google.visualization.GeoMap(container);
      geomap.draw(data, options);
  };
  </script>
  <title>Ecomod Conferences</title>
</head>

<body>
  <h1>Ecomod Conferences: All Attendees</h1>
  <div id='map_canvas'></div>
  <br />
  <table border="1"><tr><th>Country</th><th>Number of attendees</th></tr>
<tr><td>United States</td><td>150</td></tr>
<tr><td>Belgium</td><td>67</td></tr>
<tr><td>Germany</td><td>61</td></tr>
<tr><td>South Korea</td><td>49</td></tr>
<tr><td>United Kingdom</td><td>42</td></tr>
<tr><td>Singapore</td><td>39</td></tr>
<tr><td>Spain</td><td>37</td></tr>
<tr><td>Nigeria</td><td>34</td></tr>
<tr><td>Japan</td><td>27</td></tr>
<tr><td>France</td><td>25</td></tr>
<tr><td>Italy</td><td>24</td></tr>
<tr><td>Netherlands</td><td>23</td></tr>
<tr><td>Turkey</td><td>22</td></tr>
<tr><td>South Africa</td><td>22</td></tr>
<tr><td>Portugal</td><td>19</td></tr>
<tr><td>Indonesia</td><td>16</td></tr>
<tr><td>Thailand</td><td>15</td></tr>
<tr><td>Canada</td><td>15</td></tr>
<tr><td>Norway</td><td>14</td></tr>
<tr><td>Iceland</td><td>13</td></tr>
<tr><td>Brazil</td><td>13</td></tr>
<tr><td>Australia</td><td>13</td></tr>
<tr><td>Sweden</td><td>12</td></tr>
<tr><td>China</td><td>12</td></tr>
<tr><td>Tunisia</td><td>11</td></tr>
<tr><td>Malaysia</td><td>11</td></tr>
<tr><td>Ghana</td><td>11</td></tr>
<tr><td>New Zealand</td><td>10</td></tr>
<tr><td>Russia</td><td>9</td></tr>
<tr><td>Poland</td><td>9</td></tr>
<tr><td>Morocco</td><td>9</td></tr>
<tr><td>Mexico</td><td>9</td></tr>
<tr><td>United Arab Emirates</td><td>8</td></tr>
<tr><td>Philippines</td><td>8</td></tr>
<tr><td>Malawi</td><td>8</td></tr>
<tr><td>Korea</td><td>8</td></tr>
<tr><td>Jamaica</td><td>8</td></tr>
<tr><td>Denmark</td><td>8</td></tr>
<tr><td>Austria</td><td>8</td></tr>
<tr><td>Venezuela</td><td>7</td></tr>
<tr><td>Switzerland</td><td>7</td></tr>
<tr><td>Slovenia</td><td>7</td></tr>
<tr><td>Ireland</td><td>7</td></tr>
<tr><td>Botswana</td><td>7</td></tr>
<tr><td>Vietnam</td><td>6</td></tr>
<tr><td>Sudan</td><td>6</td></tr>
<tr><td>Luxembourg</td><td>6</td></tr>
<tr><td>Greece</td><td>6</td></tr>
<tr><td>Finland</td><td>6</td></tr>
<tr><td>Colombia</td><td>6</td></tr>
<tr><td>Kenya</td><td>5</td></tr>
<tr><td>Kazakhstan</td><td>5</td></tr>
<tr><td>Hong Kong</td><td>5</td></tr>
<tr><td>Estonia</td><td>5</td></tr>
<tr><td>Croatia</td><td>5</td></tr>
<tr><td>Argentina</td><td>5</td></tr>
<tr><td>The Gambia</td><td>4</td></tr>
<tr><td>Syrian Arab Republic</td><td>4</td></tr>
<tr><td>Saudi Arabia</td><td>4</td></tr>
<tr><td>Lithuania</td><td>4</td></tr>
<tr><td>Ethiopia</td><td>4</td></tr>
<tr><td>Cote d'Ivoire</td><td>4</td></tr>
<tr><td>Brunei</td><td>4</td></tr>
<tr><td>Zambia</td><td>3</td></tr>
<tr><td>Uganda</td><td>3</td></tr>
<tr><td>Trinidad and Tobago</td><td>3</td></tr>
<tr><td>Sierra Leone</td><td>3</td></tr>
<tr><td>Serbia</td><td>3</td></tr>
<tr><td>Romania</td><td>3</td></tr>
<tr><td>Malta</td><td>3</td></tr>
<tr><td>Liberia</td><td>3</td></tr>
<tr><td>Latvia</td><td>3</td></tr>
<tr><td>Czech Republic</td><td>3</td></tr>
<tr><td>Cameroon</td><td>3</td></tr>
<tr><td>Belarus</td><td>3</td></tr>
<tr><td>Bahrain</td><td>3</td></tr>
<tr><td>Azerbaijan</td><td>3</td></tr>
<tr><td>Armenia</td><td>3</td></tr>
<tr><td>Angola</td><td>3</td></tr>
<tr><td>Sri Lanka</td><td>2</td></tr>
<tr><td>Slovakia</td><td>2</td></tr>
<tr><td>Peru</td><td>2</td></tr>
<tr><td>Papua New Guinea</td><td>2</td></tr>
<tr><td>Mauritus</td><td>2</td></tr>
<tr><td>Madagascar</td><td>2</td></tr>
<tr><td>Lebanon</td><td>2</td></tr>
<tr><td>Kuwait</td><td>2</td></tr>
<tr><td>Israel</td><td>2</td></tr>
<tr><td>Honduras</td><td>2</td></tr>
<tr><td>Hawaii</td><td>2</td></tr>
<tr><td>Guatemala</td><td>2</td></tr>
<tr><td>Guadeloupe</td><td>2</td></tr>
<tr><td>Ethopia</td><td>2</td></tr>
<tr><td>Ecuador</td><td>2</td></tr>
<tr><td>Chile</td><td>2</td></tr>
<tr><td>Bolivia</td><td>2</td></tr>
<tr><td>Barbados</td><td>2</td></tr>
<tr><td>Ukraine</td><td>1</td></tr>
<tr><td>Togo</td><td>1</td></tr>
<tr><td>Taiwan</td><td>1</td></tr>
<tr><td>Swaziland</td><td>1</td></tr>
<tr><td>Slovak Republic</td><td>1</td></tr>
<tr><td>Senegal</td><td>1</td></tr>
<tr><td>Northern Cyprus</td><td>1</td></tr>
<tr><td>Niger</td><td>1</td></tr>
<tr><td>Nepal</td><td>1</td></tr>
<tr><td>Namibia</td><td>1</td></tr>
<tr><td>Moldova</td><td>1</td></tr>
<tr><td>Mauritius</td><td>1</td></tr>
<tr><td>Madrid</td><td>1</td></tr>
<tr><td>Macedonia</td><td>1</td></tr>
<tr><td>Lesotho</td><td>1</td></tr>
<tr><td>Lao People's Democratic Republic</td><td>1</td></tr>
<tr><td>Jordan</td><td>1</td></tr>
<tr><td>Ivory Coast</td><td>1</td></tr>
<tr><td>India</td><td>1</td></tr>
<tr><td>Hungary</td><td>1</td></tr>
<tr><td>Haiti</td><td>1</td></tr>
<tr><td>Fiji Islands</td><td>1</td></tr>
<tr><td>Egypt</td><td>1</td></tr>
<tr><td>Cyprus</td><td>1</td></tr>
<tr><td>Cape Verde</td><td>1</td></tr>
<tr><td>Bangladesh</td><td>1</td></tr>
</table>

</body>

</html>