JSFiddle - React, Tailwind, and code Playground

by damians

HTML

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

JavaScript

google.charts.load('current', {
       'packages': ['geochart'],
       'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
     });
     google.charts.setOnLoadCallback(drawRegionsMap);
   
     function drawRegionsMap() {
        var dataTable = new google.visualization.DataTable();
        dataTable.addColumn('string', 'Country');
        dataTable.addColumn('number', 'Sales');
  			dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});
        dataTable.addRows([
          ['Germany', 600,'Atractivo: Alto.<br/>Screening Comercial: Si.<br/>Mercado Abierto: S/D.<br/>Expo Arg: 2016 (USD) 45MM'],
          ['Argentina', 1500, 'Atractivo: Alto.<br/>Screening Comercial: Si.<br/>Mercado Abierto: S/D.<br/>Expo Arg: 2016 (USD) 45MM'],
          ['United', 800, 'Atractivo: Alto.<br/>Screening Comercial: Si.<br/>Mercado Abierto: S/D.<br/>Expo Arg: 2016 (USD) 45MM'],
          ['RU', 1000, 'Atractivo: Alto.<br/>Screening Comercial: Si.<br/>Mercado Abierto: S/D.<br/>Expo Arg: 2016 (USD) 45MM']
        ]);

        var options = { legend: 'none', tooltip: {isHtml: true} };

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

        chart.draw(dataTable, options);

}