meu codigo não funciona | Gráficos na web parte 1: criando e customizando gráficos

alguem pode me dizer por que o codigo não funciona???



grafico_pizza.html


<html>
<head>
    <script type='text/javascript' scr="https://www.gstatic.com/chats/loader.js"</script>
    <script>
    google.charts.load('current',{"package":['corechart']});

    function desenhaPizza(){
           var tabela= new gooogle.visualition.DataTable(); 
        tabela.addColumn('srting','categorias');
             tabela.addColumn('number','valores');
           tabela.addRows ([
                   ['educação',2000],
                   ['transporte',500],
                    ['lazer',230],
                    ['saùde',50],
                    ['cartão de credito',900],s
                    ['alimentação',260],
    ]);

    var opcoes={
        title:'tipos de gastos',
        height:300,
        width:400,
        is3D: true
    };

    var grafico= new google.visualization.PieChart(document.getElementById("desenhaPizza"));
    grafico.draw(tabela, opcoes);
    }
google.charts.SetOnLoadCallBack(desenharPizza);




    </script>
    </head>

    <body>
        <div id="graficoPizza"></div>
    </body>

    </html>

insira seu código aqui `

Mergulhe em programação