Статичний графік
Тепер додамо графік до нашої інформаційної панелі.
Ця вправа є частиною курсу
Створення дашбордів із flexdashboard
Інструкції до вправи
- У наданому блоці коду R
static_plot(під блоком налаштувань) є код для створення одного статичного графіка за допомогоюggplot2. - Перемістіть цей блок коду так, щоб він відображався як графік у розділі Trip Durations.
- Виконайте Knit, а потім розгорніть переглядач HTML. Зверніть увагу на розміри графіка відносно розміру контейнера графіка. Спробуйте змінити розмір вікна й подивіться, що відбувається.
Інтерактивна практична вправа
Спробуйте виконати цю вправу, доповнивши цей зразок коду.
{"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"}