Foi interessante implementar esse código. Achei interessante usar os comando para criar esse gráfico. Como a atividade deu o tamanho dos retângulos, isso foi legal pois precisaríamos, fazer testes até resolver isso ajuda muito a entender o código.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Foi interessante implementar esse código. Achei interessante usar os comando para criar esse gráfico. Como a atividade deu o tamanho dos retângulos, isso foi legal pois precisaríamos, fazer testes até resolver isso ajuda muito a entender o código.
Segue a baixo o meu código:
<!-- Referência:
https://developer.mozilla.org/pt-BR/docs/Web/API/CanvasRenderingContext2D-->
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = "lightgrey";
pincel.fillRect(0,0, 600, 600);
pincel.fillStyle = 'green';
pincel.fillRect(0,0,350,300)
pincel.fillStyle = 'black';
pincel.fillRect(45,50,90,90);
pincel.fillStyle = 'black';
pincel.fillRect(205,50,90,90);
pincel.fillStyle = 'black';
pincel.fillRect(135,140,70,100);
pincel.fillStyle = 'black';
pincel.fillRect(100,190,40,110);
pincel.fillStyle = 'black';
pincel.fillRect(205,190,40,110);
</script>