CommencezCommencez gratuitement

Ajouter un curseur

Un filtre à curseur vous permet de mettre à jour facilement les valeurs représentées en limitant une variable numérique à une plage donnée. Dans cet exercice, vous devez inclure deux filtres à curseur pour le nuage de points de l'indice des prix des maisons par rapport au taux de propriété en 2017 : un pour chaque axe.

plotly et crosstalk sont déjà chargés pour vous, et les données sont stockées dans us2017.

Remarque : Vous devrez peut-être faire défiler la page ou détacher la visionneuse HTML pour voir les curseurs.

Cette activité fait partie du cours

Visualisation de données interactive intermédiaire avec plotly en R

Voir le cours

Instructions de l’exercice

  • Placez deux filtres à curseur sous le nuage de points stocké dans p17. Le premier curseur doit correspondre à l'indice des prix des maisons (house_price), et le second au pourcentage de propriétaires (home_owners).
  • Ajoutez des étiquettes de curseur qui correspondent aux titres des axes dans p17, "HPI" et "Home ownership (%)".

Exercice interactif pratique

Essayez cet exercice en complétant ce code d’exemple.

shared_us <- SharedData$new(us2017)
p17 <- shared_us %>%
  plot_ly(x = ~home_owners, y = ~house_price, 
          color = ~region, height = 400) %>%
  add_markers() %>%
  layout(xaxis = list(title = "Home ownership (%)"), 
         yaxis = list(title = "HPI"))
  
# add a slider filter for each axis below the scatterplot
___(
  ___(p17,
      ___(id = "price",  label = ___,  sharedData = ___,  column = ___),
      ___(id = "owners",  label = ___,  sharedData = ___, column = ___)
  )
)
Modifier et exécuter le code