JSFiddle - React, Tailwind, and code Playground

by Jolene Oropilla

HTML

<script src="https://www.google.com/jsapi?fake=.js"></script>
<div id="vis_div1"></div>
<div id="vis_div2"></div>

JavaScript

google.load('visualization', '1.1', {
    'packages': ['table','barchart']
});
google.setOnLoadCallback(drawVisualization1,drawVisualization2);

function drawVisualization1() {
    var wrapper = new google.visualization.ChartWrapper({
        chartType: 'Table',
        dataSourceUrl: 'http://spreadsheets.google.com/tq?key=0AtmXhru0xxu6dGJ1Mllaejg2V1BLbDRJeE1FamdRZ0E&usp=drive_web&gid=8',
        query: 'SELECT E,F,G',
        options: {
            'title': 'Testing'
        },
        containerId: 'vis_div1'
    });
    wrapper.draw();
}

function drawVisualizaiton2() {
    var wrapper2 = new.google.visualization.ChartWrapper({
        chartType: 'BarChart',
        dataSourceUrl: 'http://spreadsheets.google.com/tq?key=0AtmXhru0xxu6dGJ1Mllaejg2V1BLbDRJeE1FamdRZ0E&usp=drive_web&gid=8',
        query: 'SELECT AL,AM,AN',
        options: {
            'title': 'Overall Score'
        },
        containerId: 'vis_div2'
    });
    wrapper2.draw();
}