CommencerCommencez gratuitement

Graphique statique

Nous allons maintenant ajouter un graphique à notre tableau de bord.

Cet exercice fait partie du cours

<cours>Créer des tableaux de bord avec flexdashboard</cours>
Voir le cours

Instructions de l’exercice

  • Le bloc de code R fourni static_plot (sous le bloc de configuration) contient le code pour créer un graphique statique unique avec ggplot2.
  • Déplacez ce bloc de code afin qu’il apparaisse comme un graphique dans la section Trip Durations.
  • Compilez puis agrandissez l’afficheur HTML. Observez les dimensions du graphique par rapport au conteneur du graphique. Essayez de redimensionner la fenêtre et voyez ce qui se passe.

Exercice interactif pratique

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

{"my_document.Rmd":"---\ntitle: \"Bike Shares Daily\"\noutput: \n  flexdashboard::flex_dashboard:\n    orientation: columns\n    vertical_layout: fill\n---\n\n```{r setup, include=FALSE}\nlibrary(flexdashboard)\nlibrary(readr)\nlibrary(lubridate)\nlibrary(ggplot2)\nlibrary(tidyverse)\n\ntrips_df <- read_csv('https://assets.datacamp.com/production/course_6355/datasets/sanfran_bikeshare_joined_oneday.csv')\n```\n\n```{r static_plot}\n\ntrips_df %>%\n  mutate(`Trip Duration (min)` = duration_sec / 60) %>%\n  filter(`Trip Duration (min)` <= 60) %>%\n  ggplot(aes(x = `Trip Duration (min)`)) +\n  theme_bw() +\n  geom_histogram(binwidth = 1) +\n  ylab('# Trips')\n\n```\n\nOverview\n===================================== \n\nColumn {data-width=650}\n-----------------------------------------------------------------------\n\n### Origins\n\n```{r}\n\n```\n\nColumn {data-width=350}\n-----------------------------------------------------------------------\n\n\n### Trips by Start Time\n\n\n### Trip Durations\n\n\n"}
Modifier et exécuter le code