Data Visualization · สำหรับมือใหม่

สถิติ & กราฟ

ทำตัวเลขดิบให้ "เห็นปุ๊บ เข้าใจปั๊บ" — แต่ละกราฟมี คำอธิบาย + ตัวอย่างจริง + วิธีอ่าน ฝั่งขวาเป็นกราฟจริง

อ่านยังไง

กราฟแต่ละชนิดตอบคำถามคนละแบบ. ฝั่งซ้าย: คืออะไร + 📊 ตัวอย่างสถานการณ์จริง + ใช้เมื่อไหร่ (เขียว) ระวัง (แดง) · ฝั่งขวา: กราฟจริง + คำอธิบายว่าจากกราฟนี้อ่านอะไรได้

Stat boxBarLinePie/DonutTableกราฟอื่นเลือกอันไหน
Stat Box / KPI ตัวเลขเดียว

การ์ดที่โชว์ ตัวเลขสำคัญเพียงตัวเดียว ให้ตัวใหญ่ ๆ เด่น ๆ พร้อมบอกว่าดีขึ้นหรือแย่ลงกี่ % เทียบกับช่วงก่อน. เปรียบเหมือน "ป้ายไฟหน้าร้าน" ที่อยากให้เห็นเลขสำคัญที่สุดก่อนเป็นอันดับแรก

📊 ตัวอย่างจริงเจ้าของร้านเปิดแอปตอนเช้า อยากรู้ทันทีว่า "เมื่อวานขายได้เท่าไร ดีขึ้นไหม" → เห็นการ์ดใหญ่ ฿128k ▲12% สีเขียว = ขายดีขึ้น ไม่ต้องไปเปิดตารางอ่านเลขเอง
ใช้เมื่อ
ตัวเลขที่อยากให้เห็นเป็นอย่างแรก — ยอดขาย · จำนวนออเดอร์ · กำไร · ลูกค้าใหม่
ระวัง
เลขเดี่ยว ๆ ไม่มีความหมาย ต้องเทียบเสมอ (เทียบเมื่อวาน/เดือนก่อน/เป้า) ถึงรู้ว่าดีหรือแย่
ยอดขายเดือนนี้
฿128k
▲ 12% จากเดือนก่อน
ยกเลิก
8
▲ 2 รายการ
อ่านได้ว่า: ยอดขายโต 12% (ดี ✓) แต่ยอดยกเลิกก็เพิ่ม 2 ราย (ต้องดู) · เส้นจิ๋วใต้เลข = เทรนด์ 7 วันล่าสุด
Bar Chart กราฟแท่ง

เอาค่าของแต่ละหมวดมา "วางเทียบความสูง" กัน — แท่งไหนสูงกว่าก็มากกว่า เห็นด้วยตาทันที. แท่งตั้ง เหมาะเทียบตามเวลา (ม.ค.–ธ.ค.), แท่งนอน เหมาะเทียบอันดับ (สินค้าขายดี 1-2-3)

📊 ตัวอย่างจริงร้านกาแฟอยากรู้ "เดือนไหนขายดีสุดในปีนี้" → วางยอดขาย 6 เดือนเป็นแท่ง เห็นปุ๊บว่า เม.ย. แท่งสูงสุด (ช่วงสงกรานต์คนเที่ยวเยอะ) ก็วางแผนสต๊อก/พนักงานเดือนนั้นได้
ใช้เมื่อ
เทียบ "ใครมากกว่ากัน" — ยอดต่อเดือน · ต่อสินค้า · ต่อพนักงาน · ต่อสาขา
ระวัง
แกนตั้งต้องเริ่มที่ 0 เสมอ — ถ้าตัดเริ่มที่ 90 ความต่างเล็ก ๆ จะดูใหญ่เกินจริง (หลอกตา)
ยอดขายรายเดือน 2569
ม.ค.
ก.พ.
มี.ค.
เม.ย.
พ.ค.
มิ.ย.
สินค้าขายดี (แท่งนอน)
กาแฟ340
ชา240
ขนม140
อ่านได้ว่า: เม.ย. ขายดีสุด (แท่งเข้มสุด) · สินค้าพระเอกคือกาแฟ 340 แก้ว มากกว่าขนม 2.4 เท่า
Line Chart กราฟเส้น

ลากเส้นเชื่อมจุดข้อมูลตามเวลา เพื่อดู "ทิศทาง" ว่าขึ้น ลง หรือนิ่ง. ต่างจากกราฟแท่งตรงที่ line เน้น "การเปลี่ยนแปลงต่อเนื่อง" ไม่ใช่เทียบทีละช่อง

📊 ตัวอย่างจริงร้านออนไลน์ดูยอดขายรายวันทั้งสัปดาห์ → เส้นพุ่งขึ้นช่วง ศุกร์-เสาร์ แล้วตกวันจันทร์ ก็รู้ว่าควรยิงโฆษณา/จัดโปรช่วงท้ายสัปดาห์
ใช้เมื่อ
ข้อมูลต่อเนื่องตามเวลา — ยอดรายวัน · จำนวนผู้ใช้รายเดือน · อุณหภูมิ
ระวัง
หลายเส้นในกราฟเดียวได้ แต่ ไม่เกิน 3-4 เส้น ไม่งั้นตาลายอ่านไม่ออก
ยอดขายรายวัน 7 วัน
พฤอา
อ่านได้ว่า: ยอดไต่ขึ้นเรื่อย ๆ พีคที่ เสาร์ แล้วย่อลงอาทิตย์ · ภาพรวมทั้งสัปดาห์เป็นขาขึ้น (เส้นเอียงขึ้น)
Pie / Donut กราฟวงกลม

หั่นวงกลมเป็นชิ้น ๆ ตามสัดส่วน — ชิ้นใหญ่ = ส่วนแบ่งเยอะ. ตอบคำถาม "อะไรคิดเป็นกี่ % ของทั้งหมด". แบบโดนัทเจาะรูกลางใส่ยอดรวมได้

📊 ตัวอย่างจริงเจ้าของร้านอยากรู้ "ลูกค้าซื้อผ่านช่องทางไหนเยอะสุด" → เห็นวงโดนัทชิ้นใหญ่สุดคือ หน้าร้าน 55% ก็รู้ว่ายังพึ่งหน้าร้านเป็นหลัก ควรดันออนไลน์เพิ่ม
ใช้เมื่อ
ดูสัดส่วน — ช่องทางขาย · หมวดค่าใช้จ่าย · กลุ่มลูกค้า
ระวัง
อย่าเกิน 4–5 ชิ้น (เยอะกว่านั้นชิ้นเล็กจนดูไม่ออก ใช้ bar แทน) · ต้องมี % กำกับ
ช่องทางขาย
1.2kออเดอร์
หน้าร้าน55%
เดลิเวอรี23%
ออนไลน์14%
อื่น ๆ8%
อ่านได้ว่า: หน้าร้านครองครึ่งหนึ่ง (55%) · ออนไลน์ยังแค่ 14% = ช่องทางที่มีโอกาสโตอีกเยอะ
Table ตาราง

โชว์ ตัวเลขเป๊ะ ๆ หลายคอลัมน์ ในที่เดียว — เหมาะเวลาต้องรู้ค่าจริง ไม่ใช่แค่ "ภาพรวม". ใส่แท่งจิ๋วในช่องช่วยให้กวาดตาเห็นไว ไม่ต้องอ่านเลขทุกตัว

📊 ตัวอย่างจริงผู้จัดการดูยอดแต่ละสาขาสิ้นเดือน อยากเห็นเลขจริง + โตกี่ % → ตารางบอกครบ สีลม ฿84k ▲14% ส่วนลาดพร้าว ▼3% (แดง) = สาขาที่ต้องไปดูว่าเกิดอะไร
ใช้เมื่อ
ต้องเห็นตัวเลขแม่นยำ + เทียบหลายมิติ — เรียงมาก→น้อยจะอ่านง่ายสุด
ยอดขายต่อสาขา
สาขายอดสัดส่วนโต
สีลม฿84k
▲14%
อโศก฿62k
▲6%
ลาดพร้าว฿38k
▼3%
อ่านได้ว่า: สีลมยอดสูงสุดและโตดีสุด · ลาดพร้าวยอดน้อย+หดตัว (แดง) = ต้องเข้าไปดูเป็นพิเศษ
กราฟเสริม Sparkline · Gauge · Progress

กราฟเล็ก ๆ ที่แทรกในการ์ดได้: Sparkline เส้นจิ๋วดูเทรนด์เร็ว · Gauge เข็มวัดเทียบเป้าเหมือนมาตรวัดน้ำมัน · Progress แถบ % บอกว่าทำไปถึงไหน

📊 ตัวอย่างจริงหน้า Dashboard อยากบอกว่า "ยอดเดือนนี้ไปถึงเป้าแล้วกี่ %" → Gauge ชี้ 72% เห็นปุ๊บว่าใกล้ถึงเป้าแต่ยังไม่ครบ ต้องดันอีกนิด
ใช้เมื่อ
Sparkline ในตาราง/การ์ด · Gauge เทียบกับเป้า · Progress งานที่รู้ % (อัปโหลด/โปรเจกต์)
แนวโน้ม (Sparkline)
เทียบเป้า (Gauge)
72%
อัปโหลด (Progress)
64% · 6.4MB
สะสม (Area)

⭐ สรุป: อยากดูอะไร → ใช้กราฟไหน

ตัวเลขสำคัญตัวเดียวStat box
เทียบหมวด / ใครมากกว่าBar
แนวโน้มตามเวลา ขึ้น/ลงLine / Area
สัดส่วนของทั้งหมด (กี่ %)Pie / Donut
ค่าเป๊ะ หลายคอลัมน์Table
เทียบกับเป้า / ความคืบหน้าGauge / Progress

กฎทำกราฟไม่ให้หลอกตา

กลับห้องสมุดออกแบบ