Sate GeoChart

An example of a Google Geo Chart.

by iscrow

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: 1920px; height: 1080px;"></div>

JavaScript

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

function drawRegionsMap() {
  var data = google.visualization.arrayToDataTable([
    ['State', 'Amount'],
    ['US-AR', 47594460.06],
    ['US-MN', 21860573.991],
    ['US-IL', 19335791.7],
    ['US-RI', 12234078.18],
    ['US-TN', 8361293.3],
    ['US-WA', 7720613.61],
    ['US-TX', 5353332.08],
    ['US-PA', 5217928.98],
    ['US-NJ', 4260126.01],
    ['US-MI', 2624462.92],
    ['US-FL', 2492992.91],
    ['US-AZ', 2235054.52],
    ['US-VT', 2173039.68],
    ['US-NC', 1987764.01],
    ['US-CA', 1759105.03],
    ['US-ID', 1705808.64],
    ['US-MA', 1400141.74],
    ['US-GA', 1176623.49],
    ['US-OR', 772402.27],
    ['US-WI', 665919.092],
    ['US-NH', 612305.48],
    ['US-KS', 457788.408],
    ['US-VA', 376222.18],
    ['US-OH', 365101.25],
    ['US-NM', 326540.76],
    ['US-NY', 324629.1025],
    ['US-MO', 179013.36],
    ['US-SD', 12201.12],
    ['US-SC', 11923.2],
    ['US-IA', 6908.4]
  ]);

  var options = {
    region: 'US',
    resolution: 'provinces',
    colorAxis: {
      colors: ['white', 'red']
    },
    backgroundColor: '#ccd',
    datalessRegionColor: '#eee',
  };

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

  chart.draw(data, options);
}