JSFiddle - React, Tailwind, and code Playground

by Karmik Patel

HTML

<script src="https://www.google.com/jsapi"></script>
<div id="visualization" style="margin: 1em"> </div>

JavaScript

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

function drawVisualization() {
  var data = google.visualization.arrayToDataTable([
    ['State', 'Population','more'],
    ['Uttar Pradesh', 199581477,90],
    ['Maharashtra', 112372972,789],
    ['Bihar', 103804637,676]

  ]);
  
  var opts = {
    region: 'IN',
    displayMode: 'regions',
    resolution: 'provinces',
    width: 640, 
    height: 480
  };
  var geochart = new google.visualization.GeoChart(
      document.getElementById('visualization'));
  geochart.draw(data, opts);
};