เริ่มต้นใช้งานเริ่มต้นใช้งานได้ฟรี

กราฟแบบ Static

ต่อไปเราจะเพิ่มกราฟลงในแดชบอร์ด

แบบฝึกหัดนี้เป็นส่วนหนึ่งของหลักสูตร

การสร้างแดชบอร์ดด้วย flexdashboard

ดูคอร์ส

คำแนะนำการฝึกหัด

  • R code chunk ชื่อ static_plot (ที่อยู่ใต้ setup chunk) มีโค้ดสำหรับสร้างกราฟ static โดยใช้ ggplot2
  • ย้าย code chunk นี้ให้ไปแสดงเป็นกราฟในชาร์ต Trip Durations
  • Knit แล้วขยาย HTML viewer ดูขนาดของกราฟเทียบกับขนาดของ container ชาร์ต จากนั้นลองปรับขนาดหน้าต่างแล้วสังเกตว่าเกิดอะไรขึ้น

แบบฝึกหัดเชิงโต้ตอบแบบลงมือทำ

ลองทำแบบฝึกหัดนี้โดยเติมโค้ดตัวอย่างนี้ให้สมบูรณ์

{"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"}
แก้ไขและรันโค้ด