Geo Chart Example

An example of a Google Geo Chart.

by MHirschfeld

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<div id="regions_div" style="width: 850px; height: 450px;"></div>

JavaScript

google.charts.load('current', {
        'packages': ['geochart']
      });
      google.charts.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {

        var data = google.visualization.arrayToDataTable([
          ['Country', '% of patients taking ART'],
          ['Cuba', 54],
          ['Argentina', 53],
          ['Brazil', 37],
          ['Bolivia', 7],
          ['Chile', 35],
          ['Colombia', 20],
          ['México', 35],
          ['Benin', 33],
          ['Burkina Faso', 31],
          ['Burundi', 25],
          ['Cameroon', 16],
          ['CAR', 11],
          ['Chad', 30],
          ['Congo', 20],
          ['Côte d’Ivoire', 16],
          ['DRC', 10],
          ['Equatorial Guinea', 9],
          ['Gabon', 22],
          ['Guinea', 18],
          ['Madagascar', 1],
          ['Mali', 22],
          ['Niger', 13],
          ['Rwanda', 47],
          ['Senegal', 28],
          ['Togo', 19], 

        ]);

        var options = {
          projection: 'kavrayskiy-vii',
          colorAxis: {
            colors: ['pink', '#e30101']
          },
        };

        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

        chart.draw(data, options);
      }