plotly / plotly/plotly.js

Add intro animations to basic plotly charts

Ouverte
#7,422 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

community feature P1 P2
Langage dominant
JavaScript
Étoiles
18.3k
Forks
2k
Merge moyen
2 j 12 h
PR mergées (30 j)
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/

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par exécuter le JSFiddle lié et lire le point d’entrée Plotly.animate, puis examinez comment les API de graphiques de base go.Bar, go.Pie et go.Scatter exposent les options d’animation. Avant l’implémentation, définissez le comportement et les critères d’acceptation du flag opt-in pour ces types de graphiques ; l’issue ne nomme ni fichiers ni tests.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript
Domaine
data-visualization
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.