# สร้าง Dashboard ด้วย Looker Studio

## **สร้าง dashboard ด้วย Google Data Studio/Looker studio**

แสดงข้อมูลกิจกรรมจากอุปกรณ์ smartwatch

1\. เข้าไปที่ Looker Studio <https://lookerstudio.google.com/>&#x20;

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FkhMJaJRp6T7y8bHHl7Ao%2Fimage.png?alt=media&#x26;token=459cf688-3701-4153-9c9d-9f54db716e7e" alt=""><figcaption></figcaption></figure>

2\. นำเข้า dataset [Link](https://drive.google.com/file/d/1XVwaatXcJAW_jVNgN0G58SLENiwLZ-xw/view?usp=sharing)

* คลิกปุ่ม **create** หรือ **สร้าง** แล้วเลือก report หรือ รายงาน จากนั้นจะปรากฏช่องทางการเชื่อมต่อข้อมูล

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FQQ9PjrrdVbNrUNoU8ft4%2Fimage.png?alt=media&#x26;token=2499a66b-dc69-4891-b6ca-e2f85d6262b1" alt=""><figcaption><p>สร้างรายงานใหม่</p></figcaption></figure>

* เลือก **อัปโหลดไฟล์**&#x20;

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2Fv3MJRLYu6euOBELKah2r%2Fimage.png?alt=media&#x26;token=e6f21e03-a2f1-43bf-a0e3-04858287cef1" alt=""><figcaption><p>click <strong>File Upload</strong></p></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FF6oKpi3ffTkolQt76EN7%2Fimage.png?alt=media&#x26;token=8081ee69-bcfb-46a7-849a-2de301670dab" alt=""><figcaption><p>click <strong>Add</strong></p></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FHkCwAsEdw8bLzHa6uoGl%2Fimage.png?alt=media&#x26;token=664625c9-d014-4c59-9893-3e2675e802e1" alt=""><figcaption><p>click <strong>ADD TO REPORT</strong></p></figcaption></figure>

* แล้วค้นหาไฟล์ ***activity\_dataset.csv*** แล้วคลิกปุ่ม **Add**

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FNIkOl9sLxVbWKqRxChmD%2Fimage.png?alt=media&#x26;token=8714c8a4-42bf-4d0d-9ddd-e6dfaeea0585" alt=""><figcaption><p>นำเข้าข้อมูล</p></figcaption></figure>

ตั้งชื่อไฟล์ ***Gesture Repor*****t** เลือก **Theme and Layout** แล้วเลือก Eadge Theme ตามรูป

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2F347XgCgxwqAhMBs2QSSI%2Fimage.png?alt=media&#x26;token=ce298ba0-ec5a-4914-9c89-05eb399bf316" alt=""><figcaption><p>ลือก Eadge Theme และกำหนดหัวข้อ report</p></figcaption></figure>

4\. สร้างกราฟเส้นจากข้อมูล&#x20;

* คลิกที่เมนู **Add a chart** และเลือก **Line graph**

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FQHqsSu9U3dtCXBn8nJ61%2Fimage.png?alt=media&#x26;token=035278a3-f4b4-48df-a033-af440dfff366" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FQaEAw9FNgBDmBTCGaSzA%2Fimage.png?alt=media&#x26;token=f5250c7c-31ec-4dd1-b57f-f190a37fe04f" alt=""><figcaption></figcaption></figure>

* จากนั้นคลิกลากวางบนพื้นที่ว่าง เปิดฟังก์ชัน **Dimension** แล้วเพิ่มคอลัมน์ ***index*** ในส่วนของ **Sort** เลือก **Ascending** และเพิ่มคอลัมน์ **index**

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FIraDhfHu2QBD1lfEQk1b%2Fimage.png?alt=media&#x26;token=2fe971da-884a-4ff4-a8c5-aabdbd604361" alt=""><figcaption><p>เปิดฟังก์ชัน <strong>Dimension</strong> แล้วเพิ่มคอลัมน์ <em><strong>index</strong></em></p></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2F055qK7kxLOH9OArehv8m%2Fimage.png?alt=media&#x26;token=59ff0b98-5a5d-4d30-a5f5-da1b6c5c3816" alt=""><figcaption><p><strong>Sort</strong> เลือก <strong>Ascending</strong> </p></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FdEgAi9Mu6hyUxsiM5bd3%2Fimage.png?alt=media&#x26;token=42d1222d-497e-4269-ac05-244a7900f3ea" alt=""><figcaption><p>เพิ่มคอลัมน์ <strong>index</strong></p></figcaption></figure>

* ในส่วนของ Metric เลือก accx และเพิ่มคอลัมน์ accy, accz

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FJZEKIpqNVgDUW6AHBSOj%2Fimage.png?alt=media&#x26;token=19efa6f6-6133-4b13-be93-a737be2a5a63" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FkGeaOuqz7uuvHgzrqMvj%2Fimage.png?alt=media&#x26;token=6c2882bb-a96f-49da-94aa-f47b028b0901" alt=""><figcaption><p>เลือก accx </p></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2Frdbt89TO5XR81GfHDe9c%2Fimage.png?alt=media&#x26;token=dd81e56d-4801-4bd3-a143-a7670a50633b" alt=""><figcaption><p>เพิ่มคอลัมน์ accy, accz</p></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2Fz8nH2kG5KfbWmeYKWCxL%2Fimage.png?alt=media&#x26;token=5d7b9335-8843-40c2-bb28-acd5adf71cea" alt=""><figcaption></figcaption></figure>

5\. สร้างกราฟเพิ่มโดยการ copy จากกราฟที่สร้างแล้วก่อนหน้านี้&#x20;

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FKIAleSxSL3yI12HOSmiJ%2Fimage.png?alt=media&#x26;token=b50194a3-376c-4b85-aba0-2b6b945f128d" alt=""><figcaption></figcaption></figure>

* ไปที่ **Metric** และเปลี่ยน คอลัมน์ accx, accy, accz เป็น gyrox, gyroy, gyroz

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FIztDmzBvSJwYpQSH4cUR%2Fimage.png?alt=media&#x26;token=fb25ef76-16ab-4f80-972e-259415728295" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FnHg7yYBUSFbe6zLrkheZ%2Fimage.png?alt=media&#x26;token=8bd9135e-d787-47c6-b4a5-4099bd899d13" alt=""><figcaption></figcaption></figure>

6\. สร้าง Drop-down list

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FH63hMwhSotJSr6Gcce30%2Fimage.png?alt=media&#x26;token=43799df7-072d-4660-bc9d-4a9c7ade4dbe" alt=""><figcaption><p>click Add a control and choose Drop-down list</p></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FNHoB4FugezTPtlYyBUJl%2Fimage.png?alt=media&#x26;token=c11f6bb9-88e8-4e91-8e2c-cfa5440bd811" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FygJ1kZh6eVPtMXIcVekB%2Fimage.png?alt=media&#x26;token=89ed4905-9a09-490f-bb25-0d9c86412e27" alt=""><figcaption><p>view Square data only</p></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FvCTRtZTVEI11yoYRXnzI%2Fimage.png?alt=media&#x26;token=618a3764-9602-48b9-bc34-5055af5bfba6" alt=""><figcaption><p>view Circle data only</p></figcaption></figure>

7\. View graph

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2F1vui88q2WONe2FVDGti1%2Fimage.png?alt=media&#x26;token=35b19d1f-2488-473e-97ed-ffdc2aae3a4d" alt=""><figcaption><p>click View</p></figcaption></figure>

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FETIZvj5v9kAdk9duoJiq%2Fimage.png?alt=media&#x26;token=952b4e7d-c1d6-4452-af6f-ed99608e687f" alt=""><figcaption></figcaption></figure>