achei o exercício muito complicado preferir fazer assim

eu vi o resultado do professor e achei mesmo assim muito complicando sendo que fazer dessa forma sem array proporciona o mesmo resultado por outro caminho mas simples.

<meta charset="UTF-8">

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


<script>

function desenhaQuadrado(x, y, cor, y2){    

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

    pincel.fillStyle = cor;
    pincel.fillRect(x, y, 50, y2);
    pincel.fillStroke = "black";
    pincel.strokeRect (x, y, 50, y2);

}

function desenhaTexto(x , y, texto) {
        var tela = document.querySelector('canvas');
        var pincel = tela.getContext('2d');

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

desenhaTexto(50, 30, "2015")
desenhaQuadrado(50,50, "blue", 50);
desenhaQuadrado(50,100, "green", 25);
desenhaQuadrado(50,125, "yellow", 20);
desenhaQuadrado(50,145, "red", 5);

desenhaTexto(150, 30, "2016")
desenhaQuadrado(150,50, "blue", 65);
desenhaQuadrado(150,115, "green", 20);
desenhaQuadrado(150,135, "yellow", 13);
desenhaQuadrado(150,148, "red", 2);


</script>