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
Primary language Dutch
Location Groningen, 🇳🇱/🇪🇺
commented

This also needs http://en.wikipedia.org/wiki/Force-based_algorithms_%28graph_drawing%29 - kinetic energy

clemens.tolboom’s picture

clemens.tolboom
Primary language Dutch
Location Groningen, 🇳🇱/🇪🇺
commented
Project: Graph API » Graph Phyz
Version: 7.x-1.x-dev »
Component: jquery-graphapi » Code
clemens.tolboom’s picture

clemens.tolboom
Primary language Dutch
Location Groningen, 🇳🇱/🇪🇺
commented
Version: » 7.x-1.x-dev
Status: Postponed » Active

Needed for

- #1977744: Allow for nicer connections like a b-spline
- #1805322: stop animation after some time?

clemens.tolboom’s picture

clemens.tolboom
Primary language Dutch
Location Groningen, 🇳🇱/🇪🇺
commented

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.