plotly / plotly/plotly.js

Add intro animations to basic plotly charts

Open
#7,422 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

community feature P1 P2
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.