Kom igångKom igång gratis

Lägga till bakgrundstext

I föregående lektion förfinade du ditt animerade bubbeldiagram över bostadsprisindex mot real BNP. I den här övningen fortsätter du att förfina grafiken genom att visa året i animationens bakgrund.

Den här övningen är en del av kursen

Interaktiv datavisualisering på mellannivå med plotly i R

Visa kurs

Övningsinstruktioner

  • Lägg till året som bakgrundstext. Centrera texten vid punkten (200000, 450), sätt teckensnittsfärgen till gray80 och teckenstorleken till 150.
  • Använd animation_slider() för att dölja skjutreglaget.

Interaktiv övning med praktiskt arbete

Testa den här övningen genom att slutföra den här exempelkoden.

# Add the year as background text and remove the slider
us_economy %>%
  plot_ly(x = ~gdp, y = ~house_price, hoverinfo = "text", text = ~state) %>%
  add_text(x = ___, y = ___, text = ___, frame = ___,
           textfont = list(color = ___(___), size = ___)) %>%
  add_markers(size = ~population, color = ~region, 
              frame = ~year, ids = ~state,
              marker = list(sizemode = "diameter", sizeref = 3)) %>%
  layout(xaxis = list(title = "Real GDP (millions USD)", type = "log"),
         yaxis = list(title = "Housing price index")) %>%
  ___(___ = ___)
Redigera och kör kod