Aan de slagGa gratis aan de slag

Statische grafiek

We gaan nu een grafiek toevoegen aan ons dashboard.

Deze oefening maakt deel uit van de cursus

Dashboards bouwen met flexdashboard

Cursus bekijken

Oefeninstructies

  • De meegeleverde R-codechunk static_plot (onder de setup-chunk) bevat code om één statische plot te maken met ggplot2.
  • Verplaats deze codechunk zodat hij als een plot verschijnt in de grafiek Trip Durations.
  • Knit en vergroot vervolgens de HTML-viewer. Let op hoe de plot schaalt ten opzichte van de grootte van de grafiekcontainer. Probeer het venster te vergroten of te verkleinen en kijk wat er gebeurt.

Praktische interactieve oefening

Probeer deze oefening eens door deze voorbeeldcode in te vullen.

{"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"}
Code bewerken en uitvoeren