D3 Layout Uso

  let root = d3.hierarchy(data)

let treeLayout = d3.tree()
                   .size( [width, height] )
treeLayout( root )

Il generatore di dati geometrici del layout (nell’esempio d3.tree()) va creato indicando le dimensioni complessive del grafico attraverso un array di due elementi.

Per aggiungere le nuove proprietà geometriche che consentiranno di visualizzare più facilmente il grafico, il generatore va chiamato passandogli la struttura dati da aggiornare.

Se il generatore di layout non viene più usato, le istruzioni si possono ridurre a una riga:

  d3.tree().size([width, height])( root )

• D3 Hierarchies