queria identificar o erro

Osiris, boa tarde!

Acredito que ficará melhor para tirar sua dúvida caso você poste aqui a estrutura de seu código ok?

Fico no aguardo.

<meta charset = "UTF-8">
<canvas width = "600" height = "400"></canvas>

<script>

function quadrado(c, x, y, o, p){

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle = c;
    pincel.fillRect (x, y, o, p);

    pincel.strokeStyle;
    pincel.strokeRect(x, y, o, p);
}

function textoImagem(t, x, y){

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');


    pincel.font = '30px Georgia';
    pincel.fillStyle = 'pink';
    pincel.fillText (t, x, y);

}

var x = 20;
var xx = 50;
var xxx = 100;

textoImagem ('grafico de uso:', 0, 50);

quadrado ('red', x, 200, xx, 5);
quadrado ('yellow', x, 195, xx, 20);
quadrado ('green', x, 175, xx, 25);
quadrado ('blue', x, 150, xx, 50);

quadrado ('red', xxx, 200, xx, 2);
quadrado ('yellow', xxx, 198, xx, 13);
quadrado ('green', xxx, 185, xx, 20);
quadrado ('blue', xxx, 165, xx, 65);

</script>

Osíris, boa noite!

Ainda não cheguei nesta parte do aprendizado.

Mesmo assim, peguei o seu código para tentar ajudar ok? Não desisti de forma alguma.

Voltarei aqui. Caso alguém tenha a resposta antes, tudo bem também. O importante é nos ajudarmos.

Osíris, boa noite! O único lugar onde encontrei um erro foi nas dimensões declarada na função (quadrado();) Lembrando que o pixel 0 fica canto superior esquerdo da sua tela, usa esse raciocino quando for declarar as dimensões.

Espero ter ajudado no desenvolvimento do seu programa.

<meta charset = "UTF-8">
<canvas width = "600" height = "400"></canvas>

<script>

function quadrado(c, x, y, o, p){

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle = c;
    pincel.fillRect (x, y, o, p);

    pincel.strokeStyle;
    pincel.strokeRect(x, y, o, p);
}

function textoImagem(t, x, y){

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');


    pincel.font = '30px Georgia';
    pincel.fillStyle = 'pink';
    pincel.fillText (t, x, y);

}

var x = 20;
var xx = 50;
var xxx = 100;

textoImagem ('grafico de uso:', 0, 50);

quadrado ('blue', x, 105, xx, 50);
quadrado ('green', x, 155, xx, 25);
quadrado ('yellow', x, 180, xx, 20);
quadrado ('red', x, 200, xx, 5);

quadrado ('blue', xxx, 105, xx, 65);
quadrado ('green', xxx, 170, xx, 20);
quadrado ('yellow', xxx, 190, xx, 13);
quadrado ('red', xxx, 203, xx, 2);

</script>