Perfecționarea animațiilor

Vizualizare interactivă avansată a datelor cu plotly în R

Adam Loy

Statistician, Carleton College

Personalizări

Opțiuni de animație

Intervalul dintre cadre
Tranziții între cadre
Aspect cursor

Opțiuni de reprezentare grafică

Culoare, formă, dimensiune glife
Etichete axe, transformări
Informații la cursor (ex. text hover)

Opțiuni de animație

Animație de bază cu setări implicite.

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

Opțiuni de animație

Animație de bază cu setări implicite.

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

Accelerarea animației

Animație scatterplot accelerată folosind frame = 300.

ani %>%
  animation_opts(frame = 300)

Pauze între cadre

Animație cu pauză de 350 de milisecunde pe fiecare cadru.

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

Puncte care sărită

Animație folosind easing = "bounce".

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

Opțiuni de bază pentru easing:

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

Opțiuni pentru cursor

Animație de bază cu setări implicite.

ani

Eliminarea cursorului

Animație fără cursor.

ani %>%
  animation_slider(hide = TRUE)

Editarea textului cursorului

Eliminarea prefixului „year: " de pe cursor.

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

Editarea textului cursorului

Mărirea textului cursorului la 40 și schimbarea culorii în negru.

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

Să exersăm!

Vizualizare interactivă avansată a datelor cu plotly în R