D3 Scale Band

La scalatura può anche prevedere una successione di valori che permetta di posizionare più elementi in modo equidistante ottenendo sia la coordinata di ogni elementi che la loro ampiezza (bandWidth()).

  let yScale = d3.scaleBand()
               .domain( data.map(d => d.animal) )
               .range( [300, 0] )
               .padding(0.1)

  .domain( data.map(d => d.animal) )

Come “intervallo” iniziale viene passato un array ricavato (con map()) dalla successione dei nomi degli animali.

  .range( [300, 0] )

Imposta il nuovo intervallo dal valore più in basso nello schermo (300) a quello più in alto (0) per correggere l’inversione dell’ordine delle barre.

  .padding(0.1)

Imposta lo spazio fra le barre al 10% della loro distanza l’una dall’altra.

• nick3499