JSFiddle - React, Tailwind, and code Playground

by Boopathi Rajan

HTML

<script src="//www.google.com/jsapi"></script>
<div id="visualization"></div>

JavaScript

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

function drawVisualization() {
    var data = google.visualization.arrayToDataTable([
        ['State', 'Value', {role: 'tooltip', p:{html:true}}],
        ['IN-TN', 5, '<strong>hello</strong>'],
        ['IN-AP', 20, '<img src="https://www.google.com/images/srpr/logo6w.png"/>']]);
    var chart = new google.visualization.GeoChart(document.getElementById('visualization'));
    chart.draw(data, {
        width: 800,
        height: 600,
        legend:'none',
        region:'IN',
        resolution:'provinces',
        tooltip: {
            isHtml: true
        }
    });
}