Adyen / lume

Lume is a component library for visual representations of data, built for Vue with D3.
https://lumedataviz.com
MIT License
43 stars 2 forks source link

Alluvial value interpolation performance #252

Open joao-m-santos opened 1 year ago

joao-m-santos commented 1 year ago

Problem description

The current node value animation (when withTransition option is true) is very bad performance-wise. It can be noticeable if a diagram has 10+ nodes updating on an interaction.

Possible solution: https://css-tricks.com/animating-number-counters/#aa-the-new-school-css-solution

Expected behavior

Smooth transitions without noticeable low FPS

Validations

joao-m-santos commented 1 year ago

Update: we cannot use the CSS solution because it is not supported by Firefox.