General concepts Flashcards
o que significa D3?
Data driven documents
O que é um seleção (Selection)
Para que a D3 possa atribuir ou injetar dados nos elementos do DOM é necessário primeiro haver uma seleção.
O que o método .selectAll() retorna?
retorna um array com todos os elementos que são iguais ao parâmetro definido no método.
O que o método .select() retorna?
Retorna o primeiro elemento que atende ao parâmetro definido no método.
O que faz o método .data()?
Recebe um array como parâmetro e associa cada valor aos elementos definidos na seleção. Este método é executado tantas vezes quantos forem os elementos do array passado com o parâmetro. Ele retorna uma seleção atualizada com o dado atribuído ao elemento.
O que significa o parâmetro d ?
O valor atribuído a cada elemento na cadeia de seleção.
O que faz o método .attr() ?
Recebe dois parâmetros: o atributo HTML que se quer alterar e o respectivo valor
O que faz o método .style() ?
Recebe dois parâmetros: a propriedade CSS que se quer alterar e o respectivo valor.
O que faz o método .enter() ?
Consolida a diferença entre o número de elementos existentes na seleção e o número de elementos no dataset (array de dados). Cria um placeholder para cada elemento que precisa ser acrescido. Ele não necessaria acrescenta os elementos faltantes, ele apenas informa quantos precisam ser acrescidos.
O que faz o método .append() ?
Recebe uma string como parâmetro, com o nome do elemento que se deseja criar no DOM. Ele retorna uma referência ao elemento criado.
Na indentação, o que indica os dois espaços?
Que a seleção mudou.
O que faz o método .on() ?
Recebe uma string como parâmetro com o nome do evento e a função que irá ser executada quando este evento for disparado. Atribui um event Listener aos elementos da seleção.
A que se refere o termo this no contexto da função tratada no evento?
Refere-se ao elemento do DOM do evento.