Green Blue Red pt-br Explainer

Explicação do desafio Verde Azul Vermelho

Objetivo do desafio:
Use o método remove .remove() para excluir uma forma SVG.

Passo a passo da solução:
O método remove .remove() exclui uma forma SVG. Para usá-lo, acrescente .remove() ao final da forma que você deseja excluir.

No código com o qual você começa, existe uma função, removeRed, e um manipulador de eventos que chama removeRed quando se toca em red. A função removeRed está incompleta, portanto nada acontece quando você toca em red. Neste desafio, você atualizará a função removeRed para que quando você tocar em red ela desapareça.

Para concluir o desafio, anexe .remove() ao final da variável red dentro da função removeRed. Agora, sempre que red for tocado, a função removeRed será executada e red será removido.

Solução do código de exemplo:
(Toque abaixo para revelar)

function removeRed() {
red.remove();
}

red.on('click', removeRed);

Conceitos de JavaScript: Variável, Declaração de função, Manipulador de eventos
Conceitos de D3: .remove()
Código Adicional (código oculto executado antes do código do desafio):
[detalhes]

var svg = canvas.append('g');

svg.attr('transform',`translate(${window.innerWidth/2},${window.innerHeight/2})`);

let red = svg.append('rect').attr('fill', 'rgb(241,37,2)').attr('height', '190').attr('width', '240').attr('x', -120).attr('y', -100)
let blue = svg.append('ellipse').attr('fill', 'rgb(0,114,203)').attr('rx', 50).attr('ry', 80).attr('cx', 69).attr('cy', -5)
let green = svg.append('rect').attr('fill', 'rgb(1,161,35)').attr('height', '160').attr('width', '80').attr('x', -115).attr('y',-85)

[/details]