JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.google.com/jsapi?.js"></script>
<div id="chart_div"></div>
<input type="button" value="click me to change to a BarChart" id="clickMe" />

JavaScript

function drawChart () {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Category');
    data.addColumn('number', 'Value');
    
    data.addRows([
        ['Foo', 5],
        ['Bar', 7],
        ['Baz', 4]
    ]);
    
    var chart = new google.visualization.PieChart(document.querySelector('#chart_div'));
    chart.draw(data, {
        height: 400,
        width: 600
    });
    
    $('#clickMe').click(function () {
        chart.clearChart();
        chart = new google.visualization.BarChart(document.querySelector('#chart_div'));
        chart.draw(data, {
            height: 400,
            width: 600
        });
        $(this).hide();
    });
}
google.load('visualization', '1', {packages:['corechart'], callback: drawChart});