Animasyonları iyileştirme

R ile plotly'de Orta Düzey Etkileşimli Veri Görselleştirme

Adam Loy

Statistician, Carleton College

Özelleştirmeler

Animasyon seçenekleri

Kareler arası süre
Kare geçişleri
Kaydırıcı görünümü

Çizim seçenekleri

İm (glyph) rengi, şekli, boyutu
Eksen etiketleri, dönüşümler
Araç ipuçları (örn. hover metni)

Animasyon seçenekleri

Varsayılan ayarlarla temel animasyon.

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

Animasyon seçenekleri

Varsayılan ayarlarla temel animasyon.

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

Hızı artırma

frame = 300 kullanılarak hızlandırılmış saçılım grafiği animasyonu.

ani %>%
  animation_opts(frame = 300)

Kareler arasında duraklatma

Her karede 350 ms duraklamalı animasyon.

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

Zıplayan noktalar

easing = "bounce" kullanılarak animasyon.

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

Temel easing seçenekleri:

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

Kaydırıcı seçenekleri

Varsayılan ayarlarla temel animasyon.

ani

Kaydırıcıyı kaldırma

Kaydırıcısız animasyon.

ani %>%
  animation_slider(hide = TRUE)

Kaydırıcı metnini düzenleme

Kaydırıcıdan "year: " önekinin kaldırılması.

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

Kaydırıcı metnini düzenleme

Kaydırıcı metnini 40 yapma ve rengi siyaha çevirme.

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

Hadi pratik yapalım!

R ile plotly'de Orta Düzey Etkileşimli Veri Görselleştirme