plotly / plotly/plotly.js

Add intro animations to basic plotly charts

Abierto
#7,422 2 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

community feature P1 P2
Lenguaje dominante
JavaScript
Estrellas
18.3k
Forks
2k
Merge medio
2 d 12 h
PR fusionados (30 d)
28

Descripción

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/

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Comienza ejecutando el JSFiddle enlazado y leyendo el punto de entrada Plotly.animate; después, inspecciona cómo las API básicas de gráficos go.Bar, go.Pie y go.Scatter exponen las opciones de animación. Antes de la implementación, define el comportamiento y los criterios de aceptación del indicador opt-in para estos tipos de gráficos; el issue no especifica archivos ni pruebas.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
javascript
Área
data-visualization
Tipo de issue
Nueva funcionalidad
Dificultad
5/5
Tiempo estimado
Más de una semana
Estado de actividad
Estancado
Claridad
Necesita aclaración
Aptitud para principiantes
25/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.