JSFiddle - React, Tailwind, and code Playground

by Mark Schenkel

HTML

<script src="http://www.google.com/jsapi"></script>
<div id='my_chart'></div>

JavaScript

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

function drawVisualization() {

    var data = new google.visualization.DataTable();
    data.addColumn('number', 'latitude');
    data.addColumn('number', 'longitude');
    data.addColumn('string', 'Country');

    data.addColumn('number', 'Fans');
    data.addColumn({
        type: 'string',
        role: 'tooltip'
    });
    data.addRow([14.38, -90.33, '', 229, 'Guatemala City!']);
    data.addRow([38.8339, -104.8214, '', 500, 'Colorado Springs!']);

    var options = {};

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

};