• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

Adding values between other values results in a confusing animation.

eg:

• Starting values: [2,3,4]
• New Values: [2,10,3,4] (10 is the new value here)

In this case:

• the value 3 will grow to 10
• the value 4 will shrink to 3
• A new value will appear on the right as 4

It would be more "sensible" for:

• a new value to appear between 2 and 3
• accordingly:
  • 3 to move to the right
  • 4 to move to the right

What does the proposed API look like?

<Bar animationId={animationIdFunction} />

Where animationIdFunction:

• takes (value, index), and returns a unique key.
• default is index