Animationen verfeinern

Interaktive Datenvisualisierung mit plotly in R – Fortgeschrittene Themen

Adam Loy

Statistician, Carleton College

Anpassungen

Animationsoptionen

Zeit zwischen Frames
Frame-Übergänge
Slider-Optik

Darstellungsoptionen

Glyphen: Farbe, Form, Größe
Achsen: Beschriftungen, Transformationen
Tooltips (z. B. Hover-Text)

Animationsoptionen

Einfache Animation mit Standardeinstellungen.

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

Animationsoptionen

Einfache Animation mit Standardeinstellungen.

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

Beschleunigen

Beschleunigte Streudiagramm-Animation mit frame = 300.

ani %>%
  animation_opts(frame = 300)

Zwischen Frames pausieren

Animation mit 350 Millisekunden Pause pro Frame.

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

Hüpfende Punkte

Animation mit easing = "bounce".

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

Grundlegende Easing-Optionen:

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

Slider-Optionen

Einfache Animation mit Standardeinstellungen.

ani

Slider entfernen

Animation ohne Slider.

ani %>%
  animation_slider(hide = TRUE)

Slider-Text bearbeiten

Entfernen des Präfixes "year: " vom Slider.

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

Slider-Text bearbeiten

Slider-Text auf 40 vergrößern und Farbe auf Schwarz ändern.

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

Lass uns üben!

Interaktive Datenvisualisierung mit plotly in R – Fortgeschrittene Themen