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

สถิติ & กราฟ

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

อ่านยังไง

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

StatBarLinePieTableComboStackedFunnelWaterfallScatterHeatmapเสริมDashboardเลือกอันไหน
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%
อ่านได้ว่า:สีลมยอดสูงสุดและโตดีสุด · ลาดพร้าวยอดน้อย+หดตัว (แดง) = ต้องเข้าไปดูเป็นพิเศษ
Combo (แท่ง + เส้นเป้า) Bar + Target

เอากราฟแท่ง (ยอดจริง) วางคู่กับ เส้นเป้าในภาพเดียว — เห็นทันทีว่าเดือนไหน "ทำได้ตามเป้า" (แท่งโผล่พ้นเส้น) เดือนไหนหลุดเป้า ไม่ต้องคิดเลขในหัว

ตัวอย่างจริงตั้งเป้าขายเดือนละ ฿100k → แท่ง เม.ย./มิ.ย. พ้นเส้นเป้า(เขียว = ผ่าน) ส่วน ม.ค.–มี.ค. ยังไม่ถึง = รู้เลยว่าต้นปีต้องเร่ง
ใช้เมื่อ
มี "เป้า/งบ" อยากเทียบกับของจริง — ยอดขาย vs เป้า · ใช้จ่ายจริง vs งบ
ระวัง
อย่าใส่ 2 หน่วยคนละแบบบนแกนเดียว (บาท + จำนวนคน) จะอ่านสับสน
ยอดขาย vs เป้า เป้า ฿100k
เป้า ฿100k ม.คก.พมี.คเม.ยพ.คมิ.ย
อ่านได้ว่า:3 เดือนหลังพ้นเป้า (เขียว) · 3 เดือนแรกต่ำกว่าเส้น = ครึ่งปีแรกพลาดเป้า ต้องไล่ตามให้ทัน
Stacked Bar แท่งซ้อนสัดส่วน

แท่งเดียวซอยเป็นชั้น ๆ ตามองค์ประกอบ แล้ววางหลายแท่งตามเวลา — เห็นทั้ง ยอดรวม (ความสูงทั้งแท่ง)และ สัดส่วนข้างในเปลี่ยนไปยังไง ในภาพเดียว

ตัวอย่างจริงดูยอดต่อช่องทางราย 5 เดือน → ชั้น ออนไลน์ (เหลือง) หนาขึ้นเรื่อย ๆ= ช่องทางออนไลน์กำลังโต ขณะที่หน้าร้านเริ่มทรงตัว
ใช้เมื่อ
อยากเห็น "รวม + ส่วนผสม" พร้อมกัน — ยอดตามช่องทาง/หมวด ข้ามเวลา
ระวัง
ไม่เกิน 3–4 ชั้น· ชั้นที่อยากเทียบให้วางติดฐาน (ชั้นบนเทียบยากเพราะลอย)
ยอดต่อช่องทาง 5 เดือน
ม.ค
ก.พ
มี.ค
เม.ย
พ.ค
หน้าร้าน
เดลิเวอรี
ออนไลน์
อ่านได้ว่า:ยอดรวมโตขึ้นทุกเดือน · ชั้นออนไลน์ (เหลือง) หนาขึ้นชัด = สัดส่วนออนไลน์เพิ่มจาก ~11% → ~25%
Funnel กรวยการขาย

เรียงขั้นตอนเป็นชั้น ๆ จากกว้าง→แคบ ตามจำนวนคนที่ "รอดมา" แต่ละด่าน — เห็นทันทีว่า คนหล่นหายเยอะสุดตรงขั้นไหน= จุดที่ต้องไปแก้

ตัวอย่างจริงร้านออนไลน์: เข้าเว็บ 1,000 → ดูสินค้า 640 → ใส่ตะกร้า 250 → จ่ายจริง 96 · เห็นว่า หล่นเยอะสุดช่วงตะกร้า→จ่ายเงิน(เหลือ 38%) = ขั้นตอนจ่ายเงินมีปัญหา ต้องทำให้ง่ายขึ้น
ใช้เมื่อ
กระบวนการเป็นขั้น ๆ ที่คนหล่นได้ — ปิดการขาย · สมัครสมาชิก · ออเดอร์
ระวัง
ขั้นตอนต้อง เรียงตามลำดับจริงเท่านั้น (ถ้าไม่ใช่ลำดับ ใช้ bar)
กรวยการขาย เดือนนี้
เข้าชมเว็บ 1,000
ดูสินค้า 640 · 64%
ใส่ตะกร้า 250 · 25%
จ่ายเงิน 96 · 9.6%
อ่านได้ว่า:ปิดการขายรวม 9.6% · ช่วงรั่วหนักสุด = ตะกร้า → จ่ายเงิน(250 เหลือ 96, หาย 62%) → ไปลดขั้นตอนจ่ายเงิน
Waterfall น้ำตก กำไร-ขาดทุน

เริ่มจากยอดตั้งต้น แล้ว "ลดหลั่น" ทีละก้อนที่บวก/ลบ จนเหลือผลลัพธ์สุดท้าย — เห็นว่า เงินหายไปกับอะไรบ้างกว่าจะเหลือเป็นกำไร

ตัวอย่างจริงรายได้ ฿200k − ต้นทุนสินค้า ฿90k − ค่าใช้จ่าย ฿50k = กำไรสุทธิ ฿60k· เห็นภาพชัดว่า "ต้นทุนสินค้า" คือก้อนที่กินเงินมากสุด
ใช้เมื่อ
แตกที่มา-ที่ไปของตัวเลข — งบกำไรขาดทุน · กระแสเงินสด · เหตุยอดเปลี่ยน
กำไรขาดทุนเดือนนี้
+200k −90k −50k 60k รายได้ต้นทุนค่าใช้จ่ายกำไร
อ่านได้ว่า:จากรายได้ 200k เหลือกำไรจริงแค่ 60k (30%) · ก้อนใหญ่สุดที่หักคือ ต้นทุนสินค้า 90k= จุดที่ลดได้จะกำไรเพิ่มเร็วสุด
Scatter กราฟกระจาย

โปรยจุดตามค่า 2 แกน (เช่น แกนนอน=งบโฆษณา แกนตั้ง=ยอดขาย) เพื่อดูว่า 2 สิ่งนี้ "ไปด้วยกันไหม"— จุดเรียงเฉียงขึ้น = ยิ่งทำยิ่งได้ผล

ตัวอย่างจริงเอา "งบยิงแอดแต่ละวัน" คู่กับ "ยอดขายวันนั้น" → จุดเรียงเฉียงขึ้น = ยิงแอดมากขึ้น ยอดขายขึ้นตาม(คุ้ม) · ถ้าจุดกระจายมั่ว = แอดไม่เกี่ยวกับยอด
ใช้เมื่อ
หาความสัมพันธ์ 2 ตัวแปร — งบแอด↔ยอด · ราคา↔จำนวนขาย · รีวิว↔ยอด
ระวัง
"ไปด้วยกัน" ≠ "เป็นเหตุของกัน" เสมอ — อาจมีปัจจัยอื่นแอบอยู่
งบโฆษณา ↔ ยอดขาย
งบโฆษณา → ยอด ↑
อ่านได้ว่า:จุดเรียงเฉียงขึ้นชัด (เส้นประ) = งบแอดกับยอดขายไปด้วยกัน → ยิงแอดเพิ่มมีแนวโน้มได้ยอดเพิ่ม
Heatmap แผนที่ความร้อน

ตารางที่ใช้ ความเข้มของสีแทนตัวเลข — ช่องเข้ม = ค่าเยอะ, ช่องจาง = ค่าน้อย. กวาดตาทีเดียวเห็น "จุดร้อน" โดยไม่ต้องอ่านเลขทุกช่อง

ตัวอย่างจริงร้านอาหารดู "ช่วงไหนคนเยอะ" (วัน × ช่วงเวลา) → ช่องเข้มสุดอยู่ที่ เย็นวันศุกร์-เสาร์= จัดคน/สต๊อกให้พอช่วงนั้น ส่วนบ่ายวันธรรมดาเงียบ จัดโปรดึงคนได้
ใช้เมื่อ
ข้อมูล 2 มิติที่อยากหาจุดเด่น — วัน×เวลา · สินค้า×สาขา · ปฏิทินยอดขาย
ช่วงเวลาขายดี วัน × ช่วง
พฤ
อา
เช้า
บ่าย
เย็น
น้อย มาก · จุดร้อน = เย็นศุกร์-เสาร์
อ่านได้ว่า:พีคชัดที่ เย็น ศ.-ส.(ช่องเข้มสุด) · เช้าวันธรรมดาเงียบสุด = ลดคน/จัดโปรเช้าได้
กราฟเสริม Sparkline · Gauge · Progress

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

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

Dashboard ที่ดี = หยิบกราฟ "ที่ตอบคำถามคนละแบบ" มาวางในจอเดียว ให้เข้าใจภาพรวมใน 5 วินาที. หลักจัด: เลขสำคัญสุดมุมซ้ายบน → รายละเอียดไล่ลงล่าง-ขวา

ตัวอย่างจริงหน้าแรกที่เจ้าของเปิดเช้า ๆ: ยอดวันนี้ (Stat)+ เทรนด์ 7 วัน (Line) + ขายดีรายสินค้า (Bar) + สัดส่วนช่องทาง (Donut) — ครบในจอเดียว ไม่ต้องเปิดหลายหน้า
หลักจัด
5 วินาทีต้องเข้าใจ · เลขสำคัญสุดบนซ้าย · 1 จอ ≤ 5–7 วิดเจ็ต · ตัดสีเฝือออก
ระวัง
ยัดทุกกราฟที่มี = รก อ่านไม่ออก — เลือกเฉพาะที่ "ใช้ตัดสินใจ" จริง
ภาพรวมร้าน วันนี้
ยอดขายวันนี้
฿42k
▲ 8%
ออเดอร์
137
▲ 5%
เทรนด์ 7 วัน
ขายดี
กาแฟ
ชา
ขนม
ช่องทาง
1.2k
อ่านได้ว่า:เปิดจอเดียวรู้ครบ — ยอด/ออเดอร์โตขึ้น · เทรนด์ขาขึ้น · กาแฟพระเอก · หน้าร้านยังครองช่องทางหลัก

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

ตัวเลขสำคัญตัวเดียวStat box
เทียบหมวด / ใครมากกว่าBar
แนวโน้มตามเวลา ขึ้น/ลงLine / Area
สัดส่วนของทั้งหมด (กี่ %)Pie / Donut
ค่าเป๊ะ หลายคอลัมน์Table
ทำได้ตามเป้า/งบ ไหมCombo / Gauge
รวม + สัดส่วนข้ามเวลาStacked Bar
ขั้นตอนที่คนหล่นหายFunnel
เงินหายไปกับอะไร (ที่มา-ที่ไป)Waterfall
2 สิ่งสัมพันธ์กันไหมScatter
จุดร้อน 2 มิติ (วัน×เวลา)Heatmap

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

เอาไปสั่ง AI ทำ Dashboard เลย

รู้แล้วว่ากราฟไหนตอบอะไร — ที่เหลือคือ บอก AI ให้เลือกถูก. ก๊อปพรอมต์นี้ แก้ชื่อสินค้า/ช่องทางให้ตรงร้านคุณ แล้ววางใส่ Claude Code ได้เลย

ช่วยทำหน้า Dashboard สรุปร้านให้หน่อย เลือกชนิดกราฟให้ตรงกับคำถาม: • ยอดขายวันนี้ + โตกี่ % เทียบเมื่อวาน → การ์ดตัวเลขเดียว (Stat box) • ยอดขายย้อนหลัง 7 วัน → กราฟเส้น (Line) • สินค้าขายดี 5 อันดับ → กราฟแท่งนอน เรียงมาก→น้อย • สัดส่วนช่องทางขาย → โดนัท ใส่ % กำกับทุกชิ้น กติกาห้ามหลอกตา: แกนแท่งเริ่มที่ 0 เสมอ · ทุกกราฟมี label ใช้สีหลักสีเดียว อย่าใส่สีเฝือ · เปิดจอเดียวต้องเข้าใจใน 5 วินาที วางเลขสำคัญสุดไว้มุมซ้ายบน

เคล็ดลับ: ถ้า AI ทำแกนตัดที่ 90 หรือยัดกราฟวงกลม 8 ชิ้นมาให้ ให้สั่งกลับด้วยกฎ 4 ข้อในกล่องด้านบน — เดี๋ยวมันแก้ให้ถูก

อ่านต่อจากแหล่งอื่น (บทความภายนอก)
บทความภายนอกเป็นของผู้เขียนแต่ละเว็บ (ไม่ใช่ของเรา) · เปิดในแท็บใหม่
กลับห้องสมุดออกแบบ

อ่านต่อ — เรื่องที่เกี่ยวข้อง

ตัวเลขธุรกิจที่ควรจับตาดู จัดการ + เชื่อมโยงข้อมูล ทำแดชบอร์ดเอง เทียบตัวเลข/ตัวชี้วัด