งานที่สี่: D3.js

D3.js คือไลบรารี่ของภาษา JavaScript ที่เปิดโอกาสให้ผู้ใช้-ผู้พัฒนาสามารถสร้างสรรค์ Data Visualization ได้อย่างหลากหลายตามต้องการ

ตัวอย่างชาร์ตต่างๆ

งานที่สาม: แนะนำเครื่องมือและชาร์ตแบบอื่นๆ

สวัสดีครับ ครั้งนี้เราขอเริ่มที่หัวข้องานกันก่อน

• หาเครื่องมือสร้างชาร์ตอื่นที่น่าสนใจ
• ชาร์ตแบบอื่นที่ไม่มีในห้องเรียน

เครื่องสร้างชาร์ตอื่นที่น่าสนใจในครั้งนี้ เป็นเครื่องมือจากเว็บไซต์ highcharts.com ซึ่งมีสร้างชาร์ตด้วยการใช้ JavaScript คล้ายกับของ Google Chart ที่เราเคยนำเสนอไป 

ตัวเว็บไซต์มีหน้าตาที่สวยงาม มีตัวอย่างของชาร์ตแบบต่างๆ ให้ทดลองนำไปใช้งานมากมาย ซึ่งล้วนแต่สวยงามดูดี มีธีมและลักษณะให้เลือกใช้ได้หลายแบบ

ชาร์ตที่ลองสร้างขึ้น

หากสนใจสามารถลองได้ที่ www.highcharts.com

ต่อมาคือชาร์ตแบบอื่นที่ไม่มีในห้องเรียน ซึ่งในครั้งนี้ได้หามา 2 แบบ อันได้แก่ 

Waterfall Chart (ชาร์ตน้ำตก)

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

Heat Map (แผนภูมิความร้อน)

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