cola.js home

Continuous layout while graph is changing

Watch the orange node disappear and then come back again. This is one of Michael Bostock's examples but with D3 Force layout replaced with CoLa. Notice how stable it is compared to the force layout. In fact cola converges so quickly on this small example that I felt it was useful to add some transitions on node positions so you can see what is happening.

The one line that needs to be changed to replace d3 force with cola is:

var force = d3.layout.force()

to:

var force = cola.d3adaptor(d3)

See this example for more impressive dynamic graph layout.