JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.google.com/jsapi?.js"></script>
<div id="dashboard">
    <table>
        <tr style='vertical-align: top'>
            <td style='width: 300px; font-size: 0.9em;'>
                <div id="control1"></div>
                <div id="control2"></div>
                <div id="control3"></div>
            </td>
            <td style='width: 800px'>
                <div style="float: left;" id="chart1"></div>
                <div style="float: left;" id="chart2"></div>
                <div style="float: left;" id="chart3"></div>
            </td>
        </tr>
    </table>
</div>

JavaScript

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

function drawVisualization() {
    console.log('foo');
    // Prepare the data
    var data = google.visualization.arrayToDataTable([
        ['Name', 'Tag', 'Date'],
        ['ACCA', 45, 'May 14'],
        ['ABBA', 85, 'May 14'],
        ['ANNA', 100, 'May 14'],
        ['AMMA', 100.5, 'May 14'],
        ['ACCA', 99.5, 'May 15'],
        ['ABBA', 85.5, 'May 15'],
        ['ACCA', 99.6, 'May 15'],
        ['BACM', 94, 'May 15'],
        ['MMBS', 96, 'May 15']
    ]);
    
    // Define category pickers for 'Name'
    var countryPicker = new google.visualization.ControlWrapper({
        controlType: 'CategoryFilter',
        containerId: 'control1',
        options: {
            filterColumnLabel: 'Name',
            ui: {
                labelStacking: 'vertical',
                allowTyping: false,
                allowMultiple: false
            }
        }
    });
    
    // Define a bar chart to show 'Population' data.
    var barChart = new google.visualization.ChartWrapper({
        'chartType': 'LineChart',
        'containerId': 'chart1',
        'options': {
            'width': 400,
            'height': 300,
            'chartArea': {
                top: 0,
                right: 0,
                bottom: 0
            },
            interpolateNulls: true
        }
    });
    
    // Define a table.
    var table = new google.visualization.ChartWrapper({
        'chartType': 'Table',
        'containerId': 'chart2',
        'options': {
            'width': '300px'
        }
    });
    
    
    google.visualization.events.addListener(table, 'ready', function () {
        var filteredData = table.getDataTable();
        // get a list of all the labels in column 0
        var group = filteredData.getDistinctValues(0);
        
        // build the columns for the view
        var columns = [2], groupColumns = [];
        for (var i =...