title: Why do I get 'google is not defined' in Google's charts own reference example?
body: <p>I am completely new to this topic and following the advice at: </p>
  
  <p><a href="https://developers.google.com/chart/interactive/docs/quick_start" rel="nofollow noreferrer">https://developers.google.com/chart/interactive/docs/quick_start</a></p>
  
  <p>It tells me there we  can take the following code snippet, past it into a file, save it with an HTML extension and then see a pie chart in a browser. <strong>Unfortunately it does not work.</strong></p>
  
  <p>The  JavaScript debugger says 'loader.js:1 Uncaught SyntaxError: Invalid or unexpected token'  followed, not surprisingly, by  'Uncaught ReferenceError: google is not defined at test1.html:8'</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;!--Load the AJAX API--&gt;
      &lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
  
        // Load the Visualization API and the corechart package.
        google.charts.load('current', {'packages':['corechart']});
  
        // Set a callback to run when the Google Visualization API is loaded.
        google.charts.setOnLoadCallback(drawChart);
  
        // Callback that creates and populates a data table,
        // instantiates the pie chart, passes in the data and
        // draws it.
        function drawChart() {
  
          // Create the data table.
          var data = new google.visualization.DataTable();
          data.addColumn('string', 'Topping');
          data.addColumn('number', 'Slices');
          data.addRows([
            ['Mushrooms', 3],
            ['Onions', 1],
            ['Olives', 1],
            ['Zucchini', 1],
            ['Pepperoni', 2]
          ]);
  
          // Set chart options
          var options = {'title':'How Much Pizza I Ate Last Night',
                         'width':400,
                         'height':300};
  
          // Instantiate and draw our chart, passing in some options.
          var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
          chart.draw(data, options);
        }
      &lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;!--Div that will hold the pie chart--&gt;
      &lt;div id="chart_div"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>So why does this completely out-of-the-box standard example not work? Is something in this example out of date?  </p>