Vylepšování animací

Intermediate Interactive Data Visualization with plotly in R

Adam Loy

Statistician, Carleton College

Přizpůsobení

Možnosti animace

Čas mezi snímky
Přechody snímků
Vzhled posuvníku

Možnosti vykreslení

Barva, tvar, velikost glyfů
Popisky os, transformace
Popisky (např. text při najetí myší)

Možnosti animace

Základní animace s výchozím nastavením.

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"))

Možnosti animace

Základní animace s výchozím nastavením.

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

Zrychlení animace

Zrychlená animace bodového grafu s parametrem frame = 300.

ani %>%
  animation_opts(frame = 300)

Pauza mezi snímky

Animace s pauzou 350 milisekund na každém snímku.

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

Odskakující body

Animace s parametrem easing = "bounce".

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

Základní možnosti easingu:

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

Možnosti posuvníku

Základní animace s výchozím nastavením.

ani

Odebrání posuvníku

Animace bez posuvníku.

ani %>%
  animation_slider(hide = TRUE)

Úprava textu posuvníku

Odebrání předpony „year: " z posuvníku.

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

Úprava textu posuvníku

Zvětšení textu posuvníku na 40 a změna barvy na černou.

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

Pojďme si procvičit!

Intermediate Interactive Data Visualization with plotly in R