Add intro animations to basic plotly charts
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 18.3k
- Forks
- 2k
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 28
Description
A lot of modern JS charting libraries support intro animations like these:
https://github.com/user-attachments/assets/996134ad-d1bb-4d60-8afe-5008e2d144b2
I love using Plotly as a Pythonista and would like to make it look modern and fancy like the other charting libraries.
Does plotly have intro animations out of the box? If not, would this be relatively simple for me to add as a contributor to plotly.js? I am pretty proficient with javascript and can help.
My thought was to add this to the basic charts like go.Bar go.Pie & go.Scatter with a flag like enable_intro_anims so users can enable/disable them as per their choice.
I asked cursor to give me some sample code for how this can be done, and it looks like Plotly.animate can achieve this!
https://github.com/user-attachments/assets/fa287112-3dba-459f-9c68-8d590636dea6
Here's the code - https://jsfiddle.net/am6914fb/5/
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by running the linked JSFiddle and reading the Plotly.animate entry point, then inspect how the basic go.Bar, go.Pie, and go.Scatter chart APIs expose animation options. Before implementation, define the opt-in flag's behavior and acceptance criteria for these chart types; the issue does not name files or tests.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- data-visualization
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100