Поліруємо анімації

Середній рівень інтерактивної візуалізації даних з plotly в R

Adam Loy

Statistician, Carleton College

Налаштування

Параметри анімації

Час між кадрами
Переходи між кадрами
Вигляд повзунка

Параметри побудови

Колір, форма, розмір гліфів
Підписи осей, перетворення
Підказки інструментів (напр., текст наведення)

Параметри анімації

Базова анімація зі стандартними налаштуваннями.

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

Параметри анімації

Базова анімація зі стандартними налаштуваннями.

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

Прискорення

Прискорена анімація точок із frame = 300.

ani %>%
  animation_opts(frame = 300)

Пауза між кадрами

Анімація з паузою 350 мс на кожному кадрі.

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

Стрибки точок

Анімація з easing = "bounce".

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

Базові варіанти easing:

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

Параметри повзунка

Базова анімація зі стандартними налаштуваннями.

ani

Вимкнення повзунка

Анімація без повзунка.

ani %>%
  animation_slider(hide = TRUE)

Редагування тексту повзунка

Видалення префікса "year: " з повзунка.

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

Редагування тексту повзунка

Збільшення розміру тексту повзунка до 40 і зміна кольору на чорний.

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

Давайте потренуємось!

Середній рівень інтерактивної візуалізації даних з plotly в R