JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

google.load("visualization", '1', {packages:['corechart']});
		google.setOnLoadCallback(drawChart);
		function drawChart() {
		  var query = new google.visualization.Query(
			  'https://docs.google.com/spreadsheets/d/1zIABnJ54bk7COAtVXJDMidHX5dc-OBbmDKcxEVanITg/edit#gid=0');
            query.setQuery('SELECT A, B');
		  query.send(handleQueryResponse);
		}

		function handleQueryResponse(response) {
		  if (response.isError()) {
			alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
			return;
		  }

		  var data = response.getDataTable();
            for (var i = 0; i < data.getNumberOfColumns(); i++) {
                console.log(data.getColumnType(i));
            }
		  var chart = new google.visualization.ColumnChart(document.getElementById('columnchart'));
		  chart.draw(data, { legend: { position: 'none' } });
		}