スプレッドシートのデータを取得し、それをグラフにして可視化する方法

現在、Google Chart API を使用してグラフを生成しているのですが、これをスプレッドシートのセルを指定して、そのデータをグラフに落とし込んで可視化できたら面白いなと思い、スプレッドシートの使い方をサイトで調べ実行したのですが、NotFoundが出てしまい、あまりうまくいきません。
コードは下記になるのですが、なぜ表示されないのでしょうか？

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="utf-8">
5  <title>Google Chart</title>
6</head>
7<body>
8  <div id="target"></div>
9  <script src="https://www.gstatic.com/charts/loader.js"></script>
10  <script>
11    (function() {
12        'use strict';
13
14        // パッケージのロード
15        google.charts.load('current', {packages: ['corechart']});
16        // コールバックの登録
17        google.charts.setOnLoadCallback(drawChart);
18
19        //コールバック関数
20         function drawChart() {
21            // スプレッドシートへの問合わせ
22            var query = new google.visualization.Query('https:/bBUsjQZ6uRGDV6lqWXWiagGloG0_GY/edit?usp=sharing');
23            // sendメソッドを呼び出し、引数に関数を指定する
24            // ここではhandleQueryResponseが処理を担う
25            query.send(handleQueryResponse);
26         }
27
28        //処理すべき内容
29        //responseに問合わせたデータ内容が格納されている
30        function handleQueryResponse(response) {
31            //データの準備
32            var data = response.getDataTable();
33
34            // オプションの準備
35            var options = {
36            title: 'My Chart',
37            width: 500,
38            height: 300
39            };
40
41            //描画用インスタンスの生成および描画メソッドの呼び出し
42            var chart = new google.visualization.PieChart(document.getElementById('target'));
43            chart.draw(data, options);
44        }
45    })();
46  </script>
47</body>
48</html>