Introduction

การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง

Adam Loy

Statistician, Carleton College

แรงบันดาลใจ

กราฟแบบกระจายแบบเคลื่อนไหวของการปล่อย CO2 เทียบกับ GDP ต่อหัวระหว่างปี 1985-2014

การดูแบบ animation หรือแบบ faceted views ช่วยให้เห็นการเปลี่ยนแปลงตามเวลาได้ชัดเจนกว่ากัน?

ch1_1_motivation.png

การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง

plotly

  • ไลบรารีสำหรับสร้างกราฟิกแบบโต้ตอบและแบบไดนามิกบนเว็บ

  • ยังคงอยู่ระหว่างการพัฒนาอย่างต่อเนื่อง

การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง

ประเภทของกราฟิก

  • Static

  • Interactive

  • Dynamic

การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง

กราฟิกแบบ Static

กราฟิกแบบ static คือกราฟิกที่ถูกกำหนดตายตัวหลังจากสร้างขึ้นแล้ว

กราฟ time series ของ ACWI ในปี 2017

การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง

กราฟิกแบบ Interactive

กราฟิกแบบ interactive เปลี่ยนแปลงตามการกระทำของผู้ใช้

ตัวอย่างการโต้ตอบแบบ hover และ zoom

การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง

กราฟิกแบบ Dynamic

กราฟิกแบบ dynamic เปลี่ยนแปลงเป็นระยะโดยไม่ต้องมีการกระทำจากผู้ใช้

กราฟ time series แบบเคลื่อนไหวของราคาปิด ACWI ในปี 2017

การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง

ทบทวน plotly

msci
# A tibble: 251 x 7
   Date        Open  High   Low Close Volume Adjusted
   <date>     <dbl> <dbl> <dbl> <dbl>  <int>    <dbl>
 1 2017-01-03  79.8  79.8  78.4  78.7 646000     77.4
 2 2017-01-04  79.1  81.1  79.1  80.7 849200     79.3
 3 2017-01-05  80.4  81.8  80.4  81.6 557500     80.2
 4 2017-01-06  81.8  83.9  81.8  83.4 597800     82.0
 5 2017-01-09  83.1  83.5  82.6  82.7 668100     81.3
 6 2017-01-10  82.3  82.6  81.1  81.5 558900     80.1
 7 2017-01-11  81.2  81.6  80.8  81.5 365500     80.1
# ... with 244 more rows
การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง

ทบทวน plotly

library(plotly)

msci %>% plot_ly(x = ~Date, y = ~Close) %>% add_lines()
การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง

กราฟ time series แบบ interactive

การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง

มาฝึกกันเถอะ!

การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง

Preparing Video For Download...