CommencerCommencez gratuitement

Ajouter un curseur

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

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

Remarque : vous devrez peut‑être faire défiler vers le bas ou détacher l’aperçu HTML pour voir les curseurs.

Cet exercice fait partie du cours

<cours>Visualisation de données interactive intermédiaire avec plotly en R</cours>
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 de l’immobilier (house_price), et le second au pourcentage de propriétaires (home_owners).
  • Ajoutez des libellés de curseur identiques aux titres d’axe 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