When animating a graph the layout get's better without coulombs forces at first. The force is needed in the end for sure to prevent overlapping nodes. Even the absent of damping somewhere in between the start en finish is sometimes better.

Having ease in / out functions could solve some layout troubles.

Comments

clemens.tolboom’s picture

clemens.tolboom’s picture

Project: Graph API » Graph Phyz
Version: 7.x-1.x-dev »
Component: jquery-graphapi » Code
clemens.tolboom’s picture

Version: » 7.x-1.x-dev
Status: Postponed » Active
clemens.tolboom’s picture

Some examples are on http://www.gizma.com/easing/ (functions) and http://easings.net/ (examples)

Easing functions are not enough. Those go from ie 0 to 1 but we need also 'easing' from 0 to 1 then to 0.5
- ranking has to go to full force at the end
- coulomb must work all the time but cease to exists in the end
- hooks law must be loosening up in the end.

So we need:

1. Time (when to start and end).
2. Absolute value a force have.
3. Relative value a force should have in time.