Aprimorando animações

Visualização Interativa de Dados Intermediária com plotly em R

Adam Loy

Statistician, Carleton College

Personalizações

Opções de animação

Tempo entre quadros
Transições entre quadros
Aparência do controle deslizante

Opções de plotagem

Cor, forma, tamanho dos glifos
Rótulos e transformações dos eixos
Dicas de ferramentas (ex.: texto ao passar o mouse)

Opções de animação

Animação básica com configurações padrão.

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ções de animação

Animação básica com configurações padrão.

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

Acelerando

Animação do scatterplot acelerada com frame = 300.

ani %>%
  animation_opts(frame = 300)

Pausando entre quadros

Animação com pausa de 350 milissegundos em cada quadro.

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

Pontos quicando

Animação usando easing = "bounce".

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

Opções básicas de easing:

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

Opções do controle deslizante

Animação básica com configurações padrão.

ani

Removendo o controle deslizante

Animação sem controle deslizante.

ani %>%
  animation_slider(hide = TRUE)

Editando o texto do controle

Removendo o prefixo "year: " do controle deslizante.

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

Editando o texto do controle

Aumentando o texto do controle para 40 e mudando a cor para preto.

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

Vamos praticar!

Visualização Interativa de Dados Intermediária com plotly em R