Google Spreadsheet as Data Source

As always, Google Charts first require three things: JSAPI, visualization library, and chart packages. For this time, I will use autoload feature that sets up all three requirements in one tag and speeds up page loading.

<script type="text/javascript"
  src='{"modules":[{"name":"visualization", "version":"1", "packages":"corechart","table"]}]}'>

The chart below is made of the sample google spreadsheet.

function drawGID() {
var queryString = encodeURIComponent('SELECT A, H, O, Q, R, U LIMIT 5 OFFSET 8');
var query = new google.visualization.Query(
          'https://' + '' + queryString);