html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

function start() {

  // Initialize the JavaScript client library

  gapi.client.init({

    'apiKey': '{GOOGLE_API_KEY}',

    'discoveryDocs': ["https://sheets.googleapis.com/$discovery/rest?version=v4"],

  }).then(function() {

    return gapi.client.sheets.spreadsheets.values.get({

      spreadsheetId: '{SPREADSHEET_ID}',

      range: '{SHEET_NAME}!{RANGE}', // for example: 'Sheet1!A1:B4'

    })

  }).then(function(response) {

    // Parse the response data

    var data = response.result.values;

    // Create an instance of a pie chart

    var chart = anychart.pie();

    // Set the data

    chart.data(data);

    // Set the container element and draw the chart

    chart.container("container").draw();

  });

};

// Load the JavaScript client library

gapi.load('client', start);