> For the complete documentation index, see [llms.txt](https://docs.aic-eec.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.aic-eec.com/iot-development-with-infineon-psoc-tm-6-and-bdh-platform/data-visualization/principles-of-data-visualization.md).

# Principles of Data Visualization

## การแสดงผลข้อมูล (Data Visualization)

### **การแสดงผลข้อมูล (Data Visualization)**

    Data Visualization คือ การสรุปและแสดงข้อมูลออกมาให้อยู่ในรูปของแผนภาพ กราฟ หรือวิดีโอที่อธิบายเกี่ยวกับข้อมูลที่คุณต้องการจะแสดง ซึ่ง Data Visualization นั้นมีมานานมากแล้ว แต่ได้หยิบนำมาใช้กันมากขึ้นในช่วงหลังมานี้ เนื่องจากการทำงานในปัจจุบัน ข้อมูลที่มีนั้นไม่ได้เป็นเพียงข้อความอย่างเดียว แต่มีข้อมูลที่หลากหลายมากขึ้น ดังนั้น จึงต้องมีการรองรับข้อมูล ประมวลผล วิเคราะห์ข้อมูลออกมาเพื่อให้เห็นเป็นภาพที่ชัดเจนและเข้าใจง่ายกว่าเดิม

## ประเภท Data Visualization

   โดยทั่วไปแล้ว ประเภท Data Visualization ที่เห็นกันทั่วไปมักจะมีรูปแบบ ดังนี้

**1. แผนภูมิ (charts)**

    เป็นรูปแบบที่มีหลากหลายชนิดที่เหมาะกับการนำเสนอข้อมูลที่แตกต่างกันไปตามวัตถุประสงค์ เช่น Pie chart จะช่วยให้เราเห็นปริมาณความแตกต่างได้ชัดเจน, Comparison chart เหมาะสำหรับการเปรียบเทียบคุณสมบัติหลายๆ ข้อ, มาตรวัด (Gauges) จะช่วยให้เห็นความเข้มข้น ความรุนแรง หรือน้ำหนัก

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2Fxifa8pYFzeTwNoR1srlc%2Fimage.png?alt=media&amp;token=ab4d25c0-83ed-4fc9-989f-83ebaaa6bd6e" alt=""><figcaption><p>ตัวอย่างแผนภูมิแต่ละชนิด (<a href="https://www.google.com/imgres?q=%E0%B9%81%E0%B8%9C%E0%B8%99%E0%B8%A0%E0%B8%B9%E0%B8%A1%E0%B8%B4%20(chart)%20%2F%E0%B8%81%E0%B8%A3%E0%B8%B2%E0%B8%9F%20(graph)%20%E0%B8%AA%E0%B8%B2%E0%B8%A1%E0%B8%B2%E0%B8%A3%E0%B8%96%E0%B8%88%E0%B9%8D%E0%B8%B2%E0%B9%81%E0%B8%99%E0%B8%81%E0%B8%AD%E0%B8%AD%E0%B8%81%E0%B9%84%E0%B8%94%E0%B9%89%E0%B9%80%E0%B8%9B%E0%B9%87%E0%B8%99%E0%B8%81%E0%B8%B5%E0%B9%88%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B9%80%E0%B8%A0%E0%B8%97&#x26;imgurl=https%3A%2F%2Fwww.niwat.blog%2Fwp-content%2Fuploads%2F2020%2F02%2Fd6cf39c4de2e8b859dec08486475e389.jpg&#x26;imgrefurl=https%3A%2F%2Fwww.niwat.blog%2Fgraph-%25E0%25B9%2581%25E0%25B8%2595%25E0%25B9%2588%25E0%25B8%25A5%25E0%25B8%25B0%25E0%25B8%258A%25E0%25B8%2599%25E0%25B8%25B4%25E0%25B8%2594%25E0%25B9%2583%25E0%25B8%258A%25E0%25B9%2589%25E0%25B8%2595%25E0%25B8%25AD%25E0%25B8%259A%25E0%25B8%2584%25E0%25B8%25B3%25E0%25B8%2596%25E0%25B8%25B2%25E0%25B8%25A1%25E0%25B8%25AD%2F&#x26;docid=tjX_IbxyLBrYfM&#x26;tbnid=pwWs2aSlMfOfiM&#x26;vet=12ahUKEwjwld7R55uIAxWHXmwGHeDTCfcQM3oECGUQAA..i&#x26;w=602&#x26;h=281&#x26;hcb=2&#x26;ved=2ahUKEwjwld7R55uIAxWHXmwGHeDTCfcQM3oECGUQAA">reference</a>)</p></figcaption></figure>

**2. ตาราง (tables)**

&#x20;   ตารางประกอบไปด้วย 2 ส่วน ได้แก่ คอลัมน์และแถว ซึ่งช่วยจัดการข้อมูลให้เรียบร้อย ช่วยให้มองเห็นบริบทและความสัมพันธ์ของข้อมูลหลายๆ ชุดได้อย่างง่ายดาย

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FTw1N9EqQnQtJJUjCmkmc%2Fimage.png?alt=media&amp;token=9d16c0e8-e29e-4c77-b644-87c4bf51290d" alt=""><figcaption><p>ตัวอย่างข้อมูล 10 อันดับประเทศที่มีนักท่องเที่ยวมากที่สุดในปี 2013-2014 (<a href="https://v53-63117.blogspot.com/2015/01/data-visualization-week-1.html">reference</a>)</p></figcaption></figure>

**3. แผนที่ (maps)**

&#x20;   เป็นการนำเสนอข้อมูลบนแผนที่เพื่อแสดงข้อมูลเกี่ยวกับพื้นที่ต่างๆ ยกตัวอย่างเช่น การนำเสนอข้อมูลยอดผู้ติดเชื้อ Covid-19 ในแต่ละจังหวัดของประเทศไทย ซึ่งนอกจากการใส่ข้อมูลลงไปยังพื้นที่ต่างๆ แล้ว ยังสามารถใช้สีสันเพื่อบอกช่วงปริมาณหรือความหนาแน่นของผู้ติดเชื้ออีกด้วย

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FVqN3HgabJ2EHoTpTLWcN%2Fimage.png?alt=media&amp;token=80707f83-a2df-457c-b4cd-3c47a7ddaa48" alt=""><figcaption><p>จำนวนผู้ติดเชื้อ COVID-19 แต่ละจังหวัด ตั้งแต่วันที่ 31 มีนาคม - 2 เมษายน 2020 (<a href="https://reliefweb.int/map/thailand/thailand-number-covid-19-cases-province-5-april-2020">reference</a>)</p></figcaption></figure>

**4. อินโฟกราฟิก (Infographics)**&#x20;

&#x20;   คือ การนำเสนอสารสนเทศ (Info: information) ด้วยภาพกราฟิก (Graphic) เป็นรูปแบบการนำเสนอข้อมูลที่ใช้ภาพสื่อแทน ทำให้ผู้อ่านข้อมูลเข้าใจข้อมูลได้ง่ายหรือสามารถทำความเข้าใจผ่านภาพแทนที่คุ้นเคย นอกจากนี้ อินโฟกราฟิกยังเป็นรูปแบบการนำเสนอข้อมูลที่น่าสนใจ มีการนำเทคนิคการเล่าเรื่อง (Storytelling) มาใช้ ทำให้ข้อมูลน่าสนใจ น่าดึงดูด จึงมักจะใช้เพื่อนำเสนอเนื้อหา ความรู้ หรือเป็นสื่อการเรียนการสอน

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FogN8IBJFH4gtzHZedUPr%2Fimage.png?alt=media&amp;token=d97b36ee-9148-4840-bf99-6182177b551a" alt=""><figcaption><p>สัดส่วนและจำนวนประชากรไทยที่ได้รับวัคซีนโควิด-19 แล้ว 20 ล้านโดส (<a href="https://www.mhesi.go.th/index.php/all-media/infographic/4187-98642.html">reference</a>)</p></figcaption></figure>

**5. แดชบอร์ด (Dashboards)**&#x20;

&#x20;   คือ การนำข้อมูลต่างๆ มาเรียบเรียงและสรุปเป็นภาพ โดยใช้แผนภูมิและกราฟต่างๆ มาใช้นำเสนอ ปัจจุบันแดชบอร์ดเป็น Data Visualization ที่นิยมใช้กับการนำเสนอข้อมูลแบบ Real-time ผ่านซอฟต์แวร์หรือเครื่องมือจัดการและวิเคราะห์ข้อมูลต่างๆ เช่น เครื่องมือการตลาด เครื่องมือบริหารจัดการข้อมูล เครื่องมือติดตามและดูแลเว็บไซต์ ฯลฯ

<figure><img src="https://1856353139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClo3nC-1US0rbK8Qau%2Fuploads%2FSdFWQKaYLzfliriqULDl%2Fimage.png?alt=media&amp;token=0e1fcab2-8c83-4c56-92c3-749681c24422" alt=""><figcaption><p>รายงานสถานการณ์ Covid-19 ประเทศไทย (<a href="https://www.erpreports.com/covid-19-indicators/">reference</a>)</p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.aic-eec.com/iot-development-with-infineon-psoc-tm-6-and-bdh-platform/data-visualization/principles-of-data-visualization.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.