Geo Chart Example

An example of a Google Geo Chart.

by Alejandro Hernández

HTML

<script src="https://www.google.com/jsapi"></script>
 
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>

JavaScript

google.load('visualization', '1', {'packages': ['geochart']});
     google.setOnLoadCallback(drawMarkersMap);

      function drawMarkersMap() {
      var data = google.visualization.arrayToDataTable([
        ['City',   'Recaudacion', 'Area'],
        ['Provincia de Buenos Aires',      761477,    1285.31],
        ['Cordoba',     1324110,    181.76],
        ['Santa Fe',    959574,     117.27],
        ['Mendoza',     907563,     130.17],
        ['Formosa',   655875,     158.9],
        ['Tierra del Fuego',     607906,     243.60],
        ['CABA',   380181,     140.7],
        ['Jujuy',  371282,     102.41],
        ['Misiones', 67370,      213.44],
        ['Chaco',     52192,      43.43],
        ['Catamarca',  38262,      11]
      ]);

      var options = {
        region: 'AR',
        displayMode: 'markers',
        colorAxis: {colors: ['red', 'yellow', 'green']}
      };

      var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    };