Data Studio: การจัดทำข้อมูลอินเทอร์แอคทีฟเสมือนจริง
![InteractiveData_overview_xkBAYnb.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_xkBAYnb.original.jpg)
เพิ่มความน่าสนใจให้กับชุดข้อมูลของคุณโดยการจัดทำ ผลงานอินเทอร์แอคทีฟด้วยชุดเครื่องมือที่ใช้งานได้ง่าย
![InteractiveData_overview_xkBAYnb.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_xkBAYnb.original.jpg)
ภาพรวมเกี่ยวกับบทเรียน
![InteractiveData_overview_MJCCgFQ.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_MJCCgFQ.original.jpg)
เรียนรู้วิธีการจัดแสดงข้อมูลที่บอกเล่าเรื่องราวของคุณ
Data Studio เป็นเครื่องมือพิเศษในการจัดแสดงข้อมูลอินเทอร์แอคทีฟสำหรับอัพเดตข้อมูลแบบเรียลไทม์โดยใช้ข้อมูลจากแหล่งที่มาต่าง ๆ ในการนำเสนอข้อมูล Data Studio ช่วยให้คุณสามารถบอกเล่าเรื่องราวผ่านข้อมูล และนำเสนอได้อย่างน่าสนใจ การจัดแสดงข้อมูลนี้ช่วยให้ผู้ใช้สามารถมีปฏิสัมพันธ์กับเนื้อหาและมุมมองที่หลากหลาย
- การเชื่อมต่อ Google Sheets กับ Data Studio
- การแก้ไขข้อมูลของคุณ
- การจัดทำกราฟเส้น
- การเพิ่มแผนภาพตาราง
- การแก้ไขผลงานในการจัดแสดงข้อมูลของคุณ
- การแทรกฟังก์ชั่นสำหรับนำเสนอข้อมูลอินเทอร์แอคทีฟของคุณ
ดูรายละเอียดเพิ่มเติมเกี่ยวกับวิชา การนำเสนอข้อมูล ได้ที่:
https://newsinitiative.withgoogle.com/training/course/data-journalism
![InteractiveData_overview_MJCCgFQ.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_MJCCgFQ.original.jpg)
การเชื่อมต่อ Google Sheets กับ Data Studio
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step1_hzh4EhH.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step2_k3EkzqD.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step3_T3yagnz.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step4_nQq4b0t.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step5_nKUew5M.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
ในตอนเริ่มต้น กรุณาศึกษาบทเรียนในศูนย์การฝึกอบรมของเราในหัวข้อ Google Sheets: การลบข้อมูลจากอินเทอร์เน็ต และ Google Sheets: การล้างข้อมูล ก่อน อย่าลืมล็อกอินโดยใช้บัญชีผู้ใช้เดียวกัน เราจะใช้เอกสารข้อมูลที่เราจัดทำจากบทความใน Wikipedia ในบทเรียนก่อนหน้าเพื่อการนำเสนอข้อมูลที่ในที่นี้
ไปที่ datastudio.google.com และเริ่มจัดทำรายงานชุดใหม่โดยคลิกที่รูปสี่เหลี่ยมเปล่าที่มีไอคอน +
จาก Data Studio ส่วนการจัดแสดงข้อมูลจะเรียกเป็น "reports" เชื่อมต่อ Google Sheet กับรายงานชุดนี้โดยเลือก Create a New Data Source จากด้านล่างขวา
เมนูจะเลื่อนขึ้นเพื่อแสดงส่วนบริการที่เราสามารถใช้ดึงข้อมูล เลื่อนไปที่ Google Sheets จากนั้นคลิก SELECT
จากช่องค้นหา คุณจะเห็นไฟล์ Google Sheet ที่เชื่อมโยงกับบัญชี Google Drive ของคุณ (หากนี่เป็นครี้งแรกที่คุณใช้ Google Data Studio คุณอาจต้องให้สิทธิ์อนุญาตสำหรับบัญชี Drive ของคุณ)เลือกกระดาษคำนวณและใบงานที่เกี่ยวข้องที่จัดเก็บข้อมูลไว้
ทำเครื่องหมายในช่อง Options ทั้งหมด แล้วคลิกที่ Connect
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step1_hzh4EhH.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step2_k3EkzqD.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step3_T3yagnz.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step4_nQq4b0t.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step5_nKUew5M.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
การแก้ไขข้อมูลของคุณ
![INteractivedata_Editing_your_data_step1_M4jySkY.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step1_M4jySkY.original.jpg)
![INteractivedata_Editing_your_data_step2_kxwEXDf.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step2_kxwEXDf.original.jpg)
![INteractivedata_Editing_your_data_step3_2ljEo6p.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step3_2ljEo6p.original.jpg)
![INteractivedata_Editing_your_data_step4_IPgzw7p.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step4_IPgzw7p.original.jpg)
Editing your data
เริ่มจากเปลี่ยนชื่อส่วนการจัดแสดง คลิกที่มุมด้านซ้ายบนที่ระบุว่า Untitled report เราจะตั้งชื่อเป็น “Top 50 Highest Grossing Movies in the World.”
จาก Type ให้แก้ไขข้อมูลในแถวที่ 5 จาก Number เป็น Date & Time > Year (YYYY) หากตั้งค่า Year (YYYY) อยู่แล้ว ให้ปล่อยไว้ตามเดิม
เลือก Add to Report ซึ่งเป็นปุ่มสีน้ำเงินทางด้านขวาบน คลิกอีกครั้งที่ตัวเลือกเดียวกันที่ปรากฏขึ้นมา
จากนั้นเราจะปรับส่วนการจัดแสดงเป็นขนาดความกว้าง 630 พิกเซล สูง 800 พิกเซล คลิกที่ใดก็ได้แล้วพิมพ์ตัวเลขไปในหัวข้อ Canvas Size
![INteractivedata_Editing_your_data_step1_M4jySkY.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step1_M4jySkY.original.jpg)
![INteractivedata_Editing_your_data_step2_kxwEXDf.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step2_kxwEXDf.original.jpg)
![INteractivedata_Editing_your_data_step3_2ljEo6p.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step3_2ljEo6p.original.jpg)
![INteractivedata_Editing_your_data_step4_IPgzw7p.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step4_IPgzw7p.original.jpg)
การจัดทำกราฟเส้น
![interactivedata_Creating_a_line_chart_step1_lge78At.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step1_lge.original.jpg)
![interactivedata_Creating_a_line_chart_step2_Royn4nY.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step2_Roy.original.jpg)
![interactivedata_Creating_a_line_chart_step3_wlQtE19.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step3_wlQ.original.jpg)
![interactivedata_Creating_a_line_chart_step4_Ol5uUlm.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step4_Ol5.original.jpg)
![interactivedata_Creating_a_line_chart_step5_UJKQdi6.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step5_UJK.original.jpg)
![interactivedata_Creating_a_line_chart_step6_NLMDngK.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step6_NLM.original.jpg)
เราจะทำการเพิ่มแผนภูมิกราฟเส้นแบบอินเทอร์แอคทีฟเพื่อแสดงรายได้รวมทั่วโลกในปีที่เกี่ยวข้อง หลังจากคลิกที่ปีใด ๆ บนเส้น ตารางจะปรากฏขึ้นเพื่อแสดงภาพยนตร์ยอดนิยมจากยอดรายได้สูงสุดไปที่รายได้ต่ำสุด
เริ่มจากเลือกเครื่องมือรูปสี่เหลี่ยมผืนผ้าแล้วลากเคอร์เซอร์เมาส์ไปที่ด้านบนของหน้าเอกสาร ใช้ text tool เพื่อเพิ่มชื่อ ใช้แถบรายการด้านขวาเพื่อกำหนดรูปแบบของข้อความ
ไปที่ Add a Chart แล้วคลิกที่ Smoothed line chart
ปรับขนาดให้พอดีด้านล่างของชื่อ และเว้นช่องว่างไว้สำหรับแผนภาพถัดไป
ปรับขนาด โครงสร้างและจัดเรียงกราฟเส้นโดยดับเบิลคลิกเลือกสำหรับ Dimension ให้ลากและวาง Year เพื่อแทนที่ Title จากนั้นแทนที่ Metric ด้วย Worldwide gross
จาก Sort คลิกที่ Worldwide gross จากนั้นคลิกที่ Year
แก้ไขตัวเลือกในการจัดเรียงเป็น Ascendingที่ด้านล่างจะเห็นหัวข้อ Interactions ปรากฏขึ้น เลือก Apply filter หลังจากนี้ทุกครั้งที่คลิกที่กราฟเส้น จะเป็นการใส่ฟิลเตอร์ที่ตาราง
![interactivedata_Creating_a_line_chart_step1_lge78At.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step1_lge.original.jpg)
![interactivedata_Creating_a_line_chart_step2_Royn4nY.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step2_Roy.original.jpg)
![interactivedata_Creating_a_line_chart_step3_wlQtE19.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step3_wlQ.original.jpg)
![interactivedata_Creating_a_line_chart_step4_Ol5uUlm.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step4_Ol5.original.jpg)
![interactivedata_Creating_a_line_chart_step5_UJKQdi6.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step5_UJK.original.jpg)
![interactivedata_Creating_a_line_chart_step6_NLMDngK.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step6_NLM.original.jpg)
การเพิ่มแผนภาพตาราง
![interactivedata_Adding_a_table_chart_step1_GzJx07e.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step1_GzJx.original.jpg)
![interactivedata_Adding_a_table_chart_step2_sHu4pMg.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step2_sHu4.original.jpg)
![interactivedata_Adding_a_table_chart_step3_dYnqan8.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step3_dYnq.original.jpg)
![interactivedata_Adding_a_table_chart_step4_6awKsar.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step4_6awK.original.jpg)
![interactivedata_Adding_a_table_chart_step5_lc2JHx7.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step5_lc2J.original.jpg)
Adding a table chart
เลือก Add a chart > Table chart ปรับขนาดเพื่อแสดงรายการ 10 แถวแรก
เราจะลองตั้งค่าตารางนี้เป็นสามรูปแบบตามลำดับดังนี้ Year, Rank และ Worldwide gross ไปที่ Metrics แล้วเพิ่มฟิลด์เหล่านี้ โดยการลากจาก Available Fields หรือคลิกที่ Add metric
จากนั้นไปที่ Style > Table Colors เพื่อแก้ไขสีของหัวเรื่องให้เป็นสีเทาเข้ม
ไปที่ Table Footer แล้วลบเครื่องหมายที่ Show pagination
ตอนนี้คุณจะสามารถเพิ่มข้อความระบุแหล่งข้อมูล และคำแนะนำต่าง ๆ ในการใช้งานแผนภาพ เลือก Text แล้วเพิ่มไปยังด้านล่างของตาราง
![interactivedata_Adding_a_table_chart_step1_GzJx07e.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step1_GzJx.original.jpg)
![interactivedata_Adding_a_table_chart_step2_sHu4pMg.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step2_sHu4.original.jpg)
![interactivedata_Adding_a_table_chart_step3_dYnqan8.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step3_dYnq.original.jpg)
![interactivedata_Adding_a_table_chart_step4_6awKsar.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step4_6awK.original.jpg)
![interactivedata_Adding_a_table_chart_step5_lc2JHx7.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step5_lc2J.original.jpg)
การแก้ไขผลงานในการจัดแสดงข้อมูลของคุณ
![interactivedata_Making_design_changes_in_your_visualization_step1_WgJZmhL.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.jpg)
![interactivedata_Making_design_changes_in_your_visualization_step2_6mo3grr.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.jpg)
![interactivedata_Making_design_changes_in_your_visualization_step3_3Tnk19X.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.jpg)
![interactivedata_Making_design_changes_in_your_visualization_step4_F6VE4zU.png](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.png)
ลองพิจารณาส่วนประกอบในรูปแบบต่าง ๆ และข้อความที่คุณสามารถใช้เพื่อปรับแต่งการนำเสนอของคุณ
เพิ่มข้อความแบบกำหนดทิศทาง เช่น “เลื่อนเพื่อดูรายละเอียดเพิ่มเติม” โดยคลิกที่ Text จากนั้นพิมพ์ข้อความของคุณลงไป
คุณสามารถดูตัวอย่างการนำเสนอได้ทุกเมื่อโดยคลิกที่ View สลับกลับไปมาระหว่างโหมด View และ Edit โดยคลิกซ้ำอีกครั้ง
ขณะอยู่ในโหมด View คุณสามารถคลิกที่ใดก็ได้ในบรรทัด จากนั้นตารางด้านล่างจะแสดงภาพยนตร์ 50 อันดับแรกของปีดังกล่าวขึ้นมา
โหมด View ยังสามารถใช้เพื่อดูผลงานนำเสนอที่จัดทำแบบครบถ้วน ครอบคลุมทั้งชื่อ กราฟเส้นและตาราง
![interactivedata_Making_design_changes_in_your_visualization_step1_WgJZmhL.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.jpg)
![interactivedata_Making_design_changes_in_your_visualization_step2_6mo3grr.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.jpg)
![interactivedata_Making_design_changes_in_your_visualization_step3_3Tnk19X.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.jpg)
![interactivedata_Making_design_changes_in_your_visualization_step4_F6VE4zU.png](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.png)
การแทรกฟังก์ชั่นสำหรับนำเสนอข้อมูลอินเทอร์แอคทีฟของคุณ
![interactivedata_Embedding_your_interactive_visualization_step1_TgIfiPS.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Embedding_your_interactive_visu.original.jpg)
![interactivedata_Embedding_your_interactive_visualization_step2_3p3LvXH.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Embedding_your_interactive_visu.original.jpg)
คุณสามารถแชร์ผลงานนำเสนอได้ผ่านทางอีเมลหรือแทรกไว้ในเว็บไซต์ของคุณ
แชร์ผลงานนำเสนอนี้ในลักษณะเดียวกับการแชร์เอกสาร GSuite อื่น ๆ
แทรกผลงานนำเสนอแบบอินเทอร์แอคทีฟไปยังเว็บไซต์ของคุณโดยคลิกที่ File > Embed report ทำเครื่องหมายในช่อง Enable embedding แล้วใช้ชุดรหัสข้อมูลในหน้าเอกสารของคุณ
![interactivedata_Embedding_your_interactive_visualization_step1_TgIfiPS.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Embedding_your_interactive_visu.original.jpg)
![interactivedata_Embedding_your_interactive_visualization_step2_3p3LvXH.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Embedding_your_interactive_visu.original.jpg)
ขอแสดงความยินดี!
![InteractiveData_overview_IXJEf3a.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_IXJEf3a.original.jpg)
คุณผ่านการเรียนรู้ในหัวข้อ “Data Studio: การจัดทำข้อมูลอินเทอร์แอคทีฟเสมือนจริง” แล้ว
พัฒนาทักษะด้านวารสารศาสตร์ในระบบดิจิตอลของคุณต่อไป พร้อมรับการรับรองจาก Google News Initiative โดยไปที่เว็บไซต์ศูนย์ฝึกอบรมของเราและศึกษาบทเรียนเพิ่มเติม
ดูรายละเอียดเพิ่มเติมเกี่ยวกับวิชา การนำเสนอข้อมูล ได้ที่:
https://newsinitiative.withgoogle.com/training/course/data-journalism
![InteractiveData_overview_IXJEf3a.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_IXJEf3a.original.jpg)
-
-
สร้างกลุ่มเป้าหมายด้วย Google Analytics 4
บทเรียนทำความเข้าใจว่า Google Analytics 4 ช่วยวิเคราะห์กลุ่มเป้าหมายอย่างไร -