Domínio, escalas e eixos

Em d3, existem duas dimensões: o domínio e a escala. O primeiro tem a ver com os dados, o segundo com os pixels.

É por meio dessas duas dimensões que podemos organizar elementos na tela como marcas e eixos.

Escalas

As escalas mais comuns são:

  • scaleLinear: serve para dados numéricos
  • scaleOrdinal: serve para dados categóricos e é muito usada para codificar cores
  • scaleBand: serve para dados categóricos e é muito utilizada para dividir dados em regiões
  • scaleTime: serve para dados de tempo

Analisando o código

Analise o código que produz o svg abaixo para entender como funcionam domínios, escalas, e eixos.

Para saber mais

Se quiser saber mais, visite essa coleção do Observable que fala sobre escalas.