block by davo 0e59d8d9518876de7997

Multi-Foci Force Layout

Full Screen

Click to perturb or drag the nodes!

This example demonstrates the flexibility of D3‘s force layout. By using position Verlet integration, it is easy to add custom forces to a layout. In this example, the nodes are clustered around four foci using additional forces: the odd nodes are pushed down, the even nodes are pushed up, and a similar bisecting force is applied laterally. These custom forces are based purely on the index of the node, but they could just as easily be derived from properties of data!

index.html