D3 Hierarchy Layout

  d3.hierarchy()

Si limita ad adattare la struttura dati per rendere più facile ottenere informazioni strutturali.

  d3.tree()
d3.cluster() 
d3.partition() 
d3.pack() 
d3.treemap() 

Aggiungono informazioni geometriche che permettono di disegnare direttamente i singoli nodi secondo i layout corrispondenti, ad esempio:

  {
    "children": [ … ],
    "data": [ … ], 
    "depth": 0,          
    "height": 2,          
    "parent": null,      
    "x": 260,             // coordinata x posizione
    "y": 0                // coordinata y posizione
}

Il numero e i nomi delle proprietà geometriche cambia in base al metodo scelto.

• D3 Hierarchies