<html>
    <head>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">

            google.load("visualization", "1", {packages:["corechart"]});
            google.setOnLoadCallback(drawVisualization);

            function drawVisualization() {

                var query = new google.visualization.Query(
                        'https://docs.google.com/spreadsheet/pub?key=0AlitEF1GvHTedE1QQWlQbzJkZGowMjBwQXRfVVF5eXc'+
                        '&range=D:D,E:E'
                );
                query.send(handleQueryResponse);
            }

            function handleQueryResponse(response) {
               
                var data = response.getDataTable();
                var options = {
                title: data.getColumnLabel(0) + 
                ' vs. ' + data.getColumnLabel(1),
                    hAxis: {title: data.getColumnLabel(0)},
                    vAxis: {title: data.getColumnLabel(1)},
                    legend: 'none'
                };
                
                var chart = new
                    google.visualization.ScatterChart(
                            document.getElementById('chart_div'));

                chart.draw(data, options);
                }
        </script>
    </head>

    <body>
        <div id="chart_div" style="width: 900px; height: 500px;"></div>
    </body>
</html>
