กราฟแท่งBar Chart

01ภาพรวมของกราฟนี้

Bar chart วางหมวดหมู่ไว้แกนหนึ่งและปริมาณไว้อีกแกนหนึ่ง แล้ววาดแท่งยาวตามค่า เพราะทุกแท่งเริ่มจากเส้นฐานเดียวกัน สายตาจึงเทียบความยาวได้ตรงไปตรงมาโดยไม่ต้องคำนวณ นี่คือเหตุผลที่มันชนะกราฟวงกลมในเกือบทุกสถานการณ์

ใช้ที่ไหนบ้าง — เทียบยอดขายรายสาขา จำนวนผู้ใช้รายช่องทาง คะแนนรายวิชา หรือใช้เป็นกราฟแรกที่วาดเสมอก่อนตัดสินใจว่าจะใช้อะไรที่ซับซ้อนกว่า

สร้างอย่างไร

1. ขั้นที่ 1เลือกคอลัมน์หมวดและคอลัมน์ค่า
2. ขั้นที่ 2ตัดสินใจลำดับการเรียง
3. ขั้นที่ 3วาดแท่งจากเส้นฐานศูนย์
4. ขั้นที่ 4ติดป้ายเฉพาะแท่งที่จะพูดถึง

02อธิบายภาษาคนเข้าใจง่าย ๆ

สมมติเรามีตารางยอดขายของ 10 สาขา ถ้าอ่านเป็นตัวเลขเรียงกัน 10 ตัว สมองต้องจำและเทียบทีละคู่ ซึ่งช้าและพลาดง่าย แต่ถ้าเปลี่ยนตัวเลขแต่ละตัวเป็นแท่งที่ยาวตามค่า เราจะเห็นคำตอบทันทีโดยไม่ต้องคิด

เหตุผลที่กราฟแท่งอ่านง่ายเป็นพิเศษคือมันใช้ "ความยาวบนเส้นฐานเดียวกัน" ซึ่งเป็นสิ่งที่สายตามนุษย์อ่านได้แม่นที่สุด แม่นกว่ามุมของกราฟวงกลม แม่นกว่าขนาดพื้นที่ของวงกลม และแม่นกว่าความเข้มของสี

ข้อบังคับที่ห้ามละเมิดคือแกนค่าต้องเริ่มที่ศูนย์ เพราะเรากำลังให้คนอ่านค่าจากความยาว ถ้าตัดแกนให้เริ่มที่ 90 แท่งที่ค่า 100 กับ 95 จะดูต่างกันเท่าตัวทั้งที่จริงต่างกันแค่ 5%

การเรียงลำดับเป็นเครื่องมือที่คนมักมองข้าม ถ้าหมวดไม่มีลำดับตามธรรมชาติ เช่น ชื่อจังหวัด ให้เรียงตามค่าจากมากไปน้อยเสมอ เพราะจะทำให้อ่านอันดับได้ทันที แต่ถ้าหมวดมีลำดับอยู่แล้ว เช่น ช่วงอายุหรือเดือน ห้ามเรียงตามค่า เพราะจะทำลายความหมายของลำดับ

เมื่อชื่อหมวดยาวหรือมีหมวดเกินประมาณ 8 หมวด ให้เปลี่ยนไปใช้แท่งแนวนอนแทน ชื่อจะได้อ่านตรง ๆ ไม่ต้องเอียงหัวอ่าน ภาพจำคือ แท่งตั้งเหมาะกับหมวดน้อยและชื่อสั้น ส่วนแท่งนอนเหมาะกับการจัดอันดับที่มีหลายรายการ

03ข้อมูลที่ต้องใช้

คอลัมน์ที่ต้องเตรียม

ต้องเตรียมข้อมูลอย่างไรก่อนวาด

1. รวมแถวซ้ำของหมวดเดียวกันก่อน
2. ตัดสินใจลำดับการเรียงและเขียนเหตุผลไว้ใน caption
3. รวมหมวดที่เล็กกว่า 2% เป็น "อื่น ๆ" ถ้าหมวดเยอะ

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

สเกลของแกน — แกนค่าใช้ linear เท่านั้น ห้ามใช้ log เพราะความยาวของแท่งจะไม่แปรตามค่าอีกต่อไป ถ้าข้อมูลกินหลาย order of magnitude ให้ใช้ dot-plot บนสเกล log แทน

หน้าตาไฟล์ที่ต้องเตรียม

category,value
กรุงเทพฯ,434
เชียงใหม่,387
…

04อ่านแล้วเห็นอะไร

อ่านตามลำดับนี้

1. ดูแท่งที่ยาวที่สุดก่อน
2. ดูช่องว่างระหว่างแท่งแรกกับแท่งถัดไป
3. กวาดสายตาลงไปหาจุดที่ความยาวเริ่มลดฮวบ
4. ตรวจว่าแกนเริ่มที่ศูนย์จริง

05เหมาะกับการนำเสนอแบบไหน

ทำอย่างไรให้คนอ่านได้ข้อสรุปโดยไม่ต้องบรรยาย

1. ระบายสีเน้นแท่งเดียวที่จะพูดถึง แล้วให้แท่งที่เหลือเป็นสีเทา
2. ติดตัวเลขเฉพาะแท่งที่เน้น ไม่ใช่ทุกแท่ง
3. ถ้ามีเป้าหมาย ให้ลากเส้นแนวนอนของเป้าพาดผ่าน
4. เขียนหน่วยไว้ที่ชื่อแกน ไม่ใช่ทุก tick

06เอาไปใช้ต่อ

โค้ดทุกชิ้นอ่านไฟล์ bar-chart-sample.csv ชุดเดียวกับที่ Playground ใช้ และตัวเลขในโค้ดเปลี่ยนตามค่าที่คุณปรับด้านล่าง

# ติดตั้ง: pip install "matplotlib==3.10.*" "pandas==2.*"
# ดาวน์โหลด bar-chart-sample.csv จากหน้านี้ แล้ววางไว้ข้างสคริปต์
import matplotlib
matplotlib.use("Agg")   # รันแบบไม่มีหน้าจอ ถ้ารันในเครื่องตัวเองลบบรรทัดนี้ได้
import matplotlib.pyplot as plt
import pandas as pd

C1, C2, C3 = "#2a78d6", "#eb6834", "#1baf7a"   # palette ของคลัง เปลี่ยนเป็นสีองค์กรได้
INK, SURFACE = "#0b0b0b", "#fcfcfb"

df = pd.read_csv("bar-chart-sample.csv")
df["value"] = pd.to_numeric(df["value"], errors="coerce")
SORT = "value-desc"
LIMIT = 10
ZEROBASELINE = "yes"   # ← ค่าจาก Playground

fig, ax = plt.subplots(figsize=(7.6, 4.2), facecolor=SURFACE)
ax.set_facecolor(SURFACE)

d = df.sort_values("value", ascending=False).head(LIMIT)
bars = ax.bar(d["category"], d["value"], color=C1, width=0.72)
bars[0].set_color("#eb6834")          # เน้นแท่งที่จะพูดถึง แท่งอื่นเป็นสีเดียวกันหมด
ax.bar_label(bars, fmt="%.0f", padding=3, fontsize=9, color=INK)
ax.set_ylim(0, None)                   # เริ่มที่ศูนย์เสมอ ห้ามตัดแกน
ax.set_ylabel("ยอดขาย (ล้านบาท)")
ax.set_title("ยอดขายรายจังหวัด", loc="left")
ax.grid(axis="y", alpha=0.25); ax.set_axisbelow(True)
plt.setp(ax.get_xticklabels(), rotation=35, ha="right")

ax.spines[["top", "right"]].set_visible(False)   # ลดเส้นที่ไม่ได้ให้ข้อมูล
fig.tight_layout()
fig.savefig("bar-chart.png", dpi=160)
print("เขียน bar-chart.png แล้ว ·", len(df), "แถว")

ติดตั้ง: pip install "matplotlib==3.10.*" "pandas==2.*" · ทดสอบกับเวอร์ชัน 3.10

07ลองเล่นเพื่อเข้าใจ

ข้อควรระวัง

1. ตัดแกนค่าไม่ให้เริ่มที่ศูนย์ — เป็นความผิดพลาดที่พบบ่อยที่สุดและบิดภาพมากที่สุด
2. เรียงหมวดตามตัวอักษรทั้งที่ไม่มีเหตุผล ทำให้คนอ่านต้องกวาดสายตาหาอันดับเอง
3. ใส่ตัวเลขบนทุกแท่ง จนตัวเลขแย่งความสนใจไปจากรูปร่างของข้อมูล
4. ใช้สีต่างกันทุกแท่งทั้งที่ไม่มีความหมาย — สีควรบอกอะไรบางอย่าง ไม่ใช่แค่ทำให้ดูมีสีสัน
5. เอาค่าที่เป็นอัตราหรือดัชนีมาวาดแท่ง ทั้งที่ค่าเหล่านั้นไม่มีศูนย์ที่มีความหมาย
6. ใช้กราฟแท่งกับข้อมูลที่แกนนอนเป็นค่าต่อเนื่อง ซึ่งควรเป็น histogram และแท่งต้องชิดกัน

เมื่อไหร่ไม่ควรใช้กราฟนี้

• หมวดมีมากกว่า 15 หมวด→ใช้แทน: horizontal-bar หรือ lollipop-chart ที่ชื่ออ่านง่ายกว่า
• แกนนอนเป็นค่าต่อเนื่องไม่ใช่หมวดหมู่→ใช้แทน: histogram ซึ่งแท่งต้องชิดกัน
• ต้องการดูการเปลี่ยนแปลงตามเวลา→ใช้แทน: line-chart ที่แสดงความชันได้
• ต้องการดูการกระจายภายในแต่ละกลุ่ม→ใช้แทน: box-plot หรือ strip-plot

กราฟที่เกี่ยวข้อง