Layout ?

Chord layout

Histogram layout

Stack layout

Tree layout

Treemap layout

etc.

https://github.com/mbostock/d3/wiki/Layouts

Le "Force Layout"

Faciliter la compréhension de graphes complexes

D3 permet d'associer des données à des nœuds

... et de les animer avec des lois physiques

Ajoutons quelques nœuds

Donnons-leur une masse

Ajoutons du frottement

Ajoutons la gravité

Ajoutons de la répulsion

Stop and start

-> github

Ajoutons une dimension de data visualisée par la couleur

Une autre par des groupes de nœuds

Une autre par la taille des nœuds

Ajoutons la détection des collisions

Graphe ?

• Points
• Liens

Ajoutons des liens

SVG ou Canvas ?

SVG

Canvas