สร้างแผนภูมิวงกลม

แผนภูมิวงกลมแสดงอะไร

แผนภูมิวงกลมแปลงค่าบวกแต่ละค่าเป็นมุมรอบวงกลม 360° หากหมวดหมู่หนึ่งมีค่า v และค่าที่แสดงทั้งหมดรวมกันเป็น T มุมที่จุดศูนย์กลางคือ 360 × v / T ส่วนเปอร์เซ็นต์ที่แสดงคือ 100 × v / T แผนภูมิโดนัทใช้สัดส่วนเดียวกันแต่เว้นช่องตรงกลาง จึงไม่ได้เปลี่ยนวิธีเปรียบเทียบข้อมูล

ในตัวอย่างนี้ ผลรวมเท่ากับ 100 สินค้าจึงกินพื้นที่มุม 45 / 100 × 360 = 162° เครื่องมือยอมรับค่าศูนย์แต่จะไม่วาดค่านั้นในวงกลม ค่าติดลบ ค่าว่าง และค่าที่ไม่เป็นจำนวนจำกัดจะถูกปฏิเสธ เพราะไม่สามารถแทนส่วนประกอบทั่วไปของภาพรวมได้ และต้องมีอย่างน้อยหนึ่งค่าที่มากกว่าศูนย์

เมื่อใดควรใช้แผนภูมิแบบอื่น

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

สี ป้ายกำกับ และการเข้าถึง

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

แผนภูมิสร้างด้วย SVG API และ Canvas API ของเบราว์เซอร์ ไม่มีการส่งข้อมูลแผนภูมิไปยังบริการสร้างแผนภูมิภายนอก ความคืบหน้าของแต่ละขั้นจะเก็บไว้ชั่วคราวในพื้นที่จัดเก็บเซสชันของแท็บนี้ และล้างได้ด้วยการเริ่มใหม่หรือปิดแท็บ

อ่านคำแนะนำเพิ่มเติมจาก Datawrapper เรื่อง การสร้างแผนภูมิวงกลมที่มีส่วนประกอบเพียงไม่กี่ส่วน, บทเรียนของ W3C เรื่อง ตารางข้อมูลที่เข้าถึงได้ และเอกสารอ้างอิงของ MDN เรื่อง การอธิบายกราฟิก SVG ด้วย <desc>