D3 Scale Linear

  let xScale = d3.scaleLinear()
               .domain( [0, d3.max(data, d => d.lifespan)] )
               .range( [0, width] )

  .domain( [0, d3.max(data, d => d.lifespan)] )

Imposta l’intervallo dei dati da 0 al valore massimo (max()) presente nell’array associato (data).

Il metodo max() legge i dati dall’array indicato come 1° argomento memorizzando il valore restituito dalla funzione passata come 2° argomento quando è superiore a quelli precedenti.

  .range( [0, width] )

Imposta il nuovo intervallo da 0 alla larghezza width, che potrebbe essere quella dell’SVG.

L’oggetto che gestisce la scalatura lineare potrebbe essere creata passando direttamente i due intervalli:

  let xScale = d3.scaleLinear(
    [0, d3.max(data, d => d.lifespan)],
    [0, innerWidth]
)

• Linear scales