Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Handle transition + animation #5

Open
ffoodd opened this issue Dec 13, 2018 · 3 comments
Open

Handle transition + animation #5

ffoodd opened this issue Dec 13, 2018 · 3 comments
Assignees
@ffoodd
Labels
enhancement New feature or request

Comments

@ffoodd
Copy link
Owner

ffoodd commented Dec 13, 2018

Most properties in charts are animatable — clip-path, I'm staring at you.

There shouldn't be any issue with transition handling (on value change, for example, or on intersectionning viewport).

So I think it should be tried :)
@ffoodd ffoodd self-assigned this Dec 13, 2018
@ffoodd ffoodd transferred this issue from ffoodd/sseeeedd Jun 12, 2019
@ffoodd ffoodd changed the title Handle transition + animation in charts Handle transition + animation Jun 12, 2019
@ffoodd ffoodd added the enhancement New feature or request label Jun 17, 2019
@ffoodd ffoodd mentioned this issue Nov 13, 2020
Closed
@ffoodd
Copy link
Owner Author

ffoodd commented Nov 13, 2020

Mention to self: in my Paris Web 2020 talk about custom properties (slide 16/19), I implemented transitions on clip-path() for radar charts. So the same is doable with radar charts at least, and maybe line charts too.

As mentionned in #44, we may also trick the eyes by animating backgrounds at some point, since grid-related properties aren't animatable.

@ffoodd
Copy link
Owner Author

ffoodd commented Oct 17, 2023

I can't make this work on pie charts for now: @property is needed to make a custom property animatable (by specifying its type) but Firefox doesn't support this (for now, announced in Nightly ATM) and switching values in mask-image or clip-path currently doesn't work as intended in Chromium…

To be tried with other chaarts types!

@ffoodd
Copy link
Owner Author

ffoodd commented Feb 4, 2024

Animate background-position for line and column charts, maybe?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ffoodd ffoodd

Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@ffoodd