JSFiddle - React, Tailwind, and code Playground

by navyflower

HTML

<script src="http://www.google.com/jsapi?ext.js"></script>
<div id="chart"></div>

JavaScript

function drawVisualization() {
    var query = new google.visualization.Query(
        'https://docs.google.com/spreadsheet/ccc?key=0Am-6Mtig-WfkdGZRZkw4aF9vWGQwWXZIbjhnbnlMbkE&usp=drive_web#gid=0');

    // Apply query language statement.
    //query.setQuery('SELECT A,D WHERE D > 100 ORDER BY D');

    // Send the query with a callback function.
    query.send(handleQueryResponse);
}

function handleQueryResponse(response) {
    if (response.isError()) {
        //alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
        //return;
    }
    
    // Set chart options
    var options = {'title':'Statystyki Policji: liczba nietrzeźwych kierowców na drogach w Boże Narodzenie',
                     'legend':'bottom',
                     'width':400,
                     'height':300};


    var data = response.getDataTable();
    visualization = new google.visualization.BarChart(document.getElementById('chart'));
    visualization.draw(data, options);
}


google.load("visualization", "1", {
    packages: ["corechart"]
});
google.setOnLoadCallback(drawVisualization);