JSFiddle - React, Tailwind, and code Playground

by fritzdenim

HTML

<script src="https://www.google.com/jsapi"></script>
<div id="visualization_div"></div>
<br>
<div id="visualizemydata"></div>

JavaScript

google.load('visualization', '1.0');
      var myStoredString = '{"containerId": "visualization_div",' +
            '"dataSourceUrl": "https://spreadsheets.google.com/a/google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&pub=1",' +
            '"query":"SELECT A,D WHERE D > 100 ORDER BY D",' +
            '"refreshInterval": 5,' +
            '"chartType": "Table",' +
            '"options": {' +
            '   "alternatingRowStyle": true,' +
            '   "showRowNumber" : true' +
            '}' +
          '}';
      var mydata = '{"containerId": "visualizemydata",' +
            '"dataSourceUrl": "https://spreadsheets.google.com/a/google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&pub=1",' +
            '"query":"SELECT A,D WHERE D > 100 ORDER BY D",' +
            '"refreshInterval": 5,' +
            '"chartType": "Table",' +
            '"options": {' +
            '   "alternatingRowStyle": true,' +
            '   "showRowNumber" : true' +
            '}' +
          '}';
      function drawVisualization() {
        google.visualization.drawChart(myStoredString);
      }
      function drawMyData() {
        google.visualization.drawChart(mydata);
      }
      
      google.setOnLoadCallback(drawVisualization);
      google.setOnLoadCallback(drawMyData);