Animaties verfijnen

Gemiddeld gevorderde interactieve datavisualisatie met plotly in R

Adam Loy

Statistician, Carleton College

Aanpassingen

Animatie-opties

Tijd tussen frames
Frametransities
Uiterlijk slider

Plotopties

Kleur, vorm, grootte markeringen
Aslabels, transformaties
Tooltips (bijv. hovertekst)

Animatie-opties

Basisanimatie met standaardinstellingen.

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

Animatie-opties

Basisanimatie met standaardinstellingen.

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

Versnellen

Versnelde spreidingsplot-animatie met frame = 300.

ani %>%
  animation_opts(frame = 300)

Pauze tussen frames

Animatie met 350 milliseconden pauze per frame.

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

Stuiterende punten

Animatie met easing = "bounce".

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

Basis-easingopties:

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

Slideropties

Basisanimatie met standaardinstellingen.

ani

Slider verwijderen

Animatie zonder slider.

ani %>%
  animation_slider(hide = TRUE)

Slidertekst bewerken

De prefix "year: " verwijderen uit de slider.

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

Slidertekst bewerken

Slidertekst vergroten naar 40 en kleur wijzigen naar zwart.

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

Laten we oefenen!

Gemiddeld gevorderde interactieve datavisualisatie met plotly in R