No se puede ver la barra

Hola, una duda, ¿con esta función que verán más abajo, debería poderse ver reflejada en la web la barra? Porque en mi navegador no aparece nada

<canvas width="600" height="400"> </canvas>

<script>

    function dibujarRectangulo(x,y,base,altura,color){

        var pantalla =document.querySelector("canvas")
        var pincel = pantalla.getContext("2d")

        pincel.fillStyler=color;
        pincel.fillRect(x,y,base,altura)
        pincel.strokeStyle="black";
        pincel.strokeRect(x,y,base,altura);

    }

    function escribirTexto(x,y,texto) {

        var pantalla =document.querySelector("canvas")
        var pincel = pantalla.getContext("2d")

        pincel.font="15px Georgia";
        pincel.fillStyle="black"
        pincel.fillText(texto,x,y)

    }

        var seria2009 = [6,47,41,3,3]
        var serie2019 = [81,9,3,3,4]
        var colores = ["blue","green","red","yellow","grey"]

</script>