Peaufiner les animations

Visualisation de données interactive intermédiaire avec plotly en R

Adam Loy

Statistician, Carleton College

Personnalisations

Options d'animation

Temps entre les images
Transitions entre images
Apparence du curseur

Options de tracé

Couleur, forme, taille des glyphes
Étiquettes d'axes, transformations
Info-bulles (p. ex. texte au survol)

Options d'animation

Animation de base avec paramètres par défaut.

ani <- world_indicators %>%
  plot_ly(x = ~income, y = ~co2) %>%
  add_markers(frame = ~year, 
              ids = ~country, 
              showlegend = FALSE) %>%
  layout(xaxis = list(type = "log"),
         yaxis = list(type = "log"))

Options d'animation

Animation de base avec paramètres par défaut.

ani %>%
  animation_opts(
      frame = 500, 
      transition = frame,
      easing = "linear",
      redraw = TRUE
   )

Accélérer

Animation du nuage de points accélérée avec frame = 300.

ani %>%
  animation_opts(frame = 300)

Mettre en pause entre les images

Animation avec une pause de 350 millisecondes à chaque image.

ani %>%
  animation_opts(
     frame = 700, 
     transition = 350
  )

Points rebondissants

Animation avec easing = "bounce".

ani %>%
  animation_opts(easing = "bounce")

Options d'assouplissement de base :

"linear", "quad", "cubic", "sin", "exp", "circle", "elastic", "back", "bounce"

Options du curseur

Animation de base avec paramètres par défaut.

ani

Retirer le curseur

Animation sans curseur.

ani %>%
  animation_slider(hide = TRUE)

Modifier le texte du curseur

Retrait du préfixe "year: " du curseur.

ani %>%
  animation_slider(
     currentvalue = list(prefix=NULL)
  )

Modifier le texte du curseur

Augmenter la taille du texte du curseur à 40 et changer la couleur en noir.

ani %>%
  animation_slider(
     currentvalue = list(prefix=NULL,
        font = list(
           color = "black", 
           size = 40
        )
     )
  )

Passons à la pratique !

Visualisation de données interactive intermédiaire avec plotly en R