วันพุธที่ 28 มกราคม พ.ศ. 2558

สรุปผลการทดลอง

จากการใช้งาน google spreadsheet และ processing จะเห็นได้ว่า
  1. google spreadsheet ไม่จำเป็นต้องมีพื้นฐานทางด้านการเขียนโปรแกรม
  2. input ของ google spreadsheet จะมีลักษณะเป็นตาราง แต่ processing จะต้องเก็บใส่ตัวแปร หรือ หากข้อมูลมีความซับซ้อนมากจะต้องทำการเขียนเป็น class 
  3. processing สามารถสร้างรูปแบบที่ใช้แสดงผลได้มากกว่า ดังตัวอย่าง จากโปรแกรม (การดูตัวอย่างกดที่เมนู File->examples และทำการเลือกตามรูปด้านล่าง


การเขียนโปรแกรมภาษา processing สำหรับการประยุกต์ใช้ visualization เบื้องต้น

จากชุดข้อมูลตัวอย่าง

นำมาเขียนโค๊ดโดยใช้ภาษา Processing ดังนี้


รูปที่ 1 แสดงข้อมูลเป็นกราฟแท่งเบื้องต้น

รูปที่ 2 โค๊ดที่นำมาใช้งาน

วันพุธที่ 21 มกราคม พ.ศ. 2558

การใช้งาน google spreadsheet สำหรับ visualization ในรูปแบบกราฟต่างๆเบื้องต้น

สำหรับการใช้งาน google spreadsheet โดยทั่วไปจะใช้สำหรับการสร้างกราฟรูปแบบต่างๆ
ก่อนที่เราจะสร้างกราฟได้ต้องมีข้อมูลที่เป็นตารางดังตัวอย่างนี้
ตัวอย่างข้อมูลจำนวนประชากรไทย
อ้างอิง : http://service.nso.go.th/nso/nso_center/project/search_center/23project-th.htm
 เมื่อได้ข้อมูลดังรูปข้างต้นทำการเลือกข้อมูลที่ต้องการสร้างเป็นกราฟจากนั้นเลือกตามเมนูด้านล่างจากแถบเมนู

เมื่อทำการคลิ๊กจะมีรูปแบบดังนี้
จะเห็นว่ากราฟจะกระโดดเมื่อเราเลือกจำนวนทั้งหมดมาแสดงด้วย ให้เลือกที่ use row 4 as headers จะได้ดังนี้
จากรูปจะเห็นได้ว่า ข้อมูลที่แสดงยังเป็นแค่ตัวอย่างคร่าวๆ เมื่อกดที่เมนู Charts ที่แถบเมนูจะแสดงประเภทของกราฟสำหรับใช้แสดงผลมีดังนี้ 

ซึ่งรูปแบบการแสดงผลประกอบด้วย
  • กราฟเส้น
  • กราฟพื้นที่
  • กราฟแท่ง
  • กราฟแท่งแนวนอน
  • กราฟจุด
  • กราฟวงกลม
  • กราฟแผนที่
  • กราฟแนวโน้ม
  • กราฟอื่นๆ
เมื่อได้ทำการเลือกจะมีหน้าต่างดังนี้
จากรูปจะเห็นว่ามีรูปแบบย่อยให้เลือกทางด้านขวาของเมนูประเภทของกราฟส่วนด้านขวาสุดจะเป็นตัวอย่างของกราฟประเภทที่เราเลือก เมื่อต้องการนำมาแสดงผลให้กดปุ่ม Insert ด้านซ้ายล่างจะได้ผลลัพธ์ดังนี้
ซึ่งกราฟที่ได้สามารถเปลี่ยนหัวเรื่องได้โดยคลิ๊กที่บริเวณคำว่า Chat title หรือจะเปลี่ยนคำอธิบายกราฟโดยคลิ๊กที่คำว่า Horizonatal axis title ถ้าหากคลิ๊กที่มุมบนขวาของรูปกราฟจะแสดงเมนูย่อยให้เลือกใช้งานดังนี้
โดยเมนูจะมีฟังก์ชันที่น่าสนใจคือการลบ, การเซพกราฟเป็นไฟล์รูปลงคอมพิวเตอร์ และ ทำกราฟเป็น url รูปภาพสำหรับการส่งต่อโดยไม่ต้องเซพเป็นไฟล์ลงในเครื่องคอมพิวเตอร์



วันเสาร์ที่ 17 มกราคม พ.ศ. 2558

Data Visualization VS. Infographic

Data Visualization

เป็นเทคนิคหนึ่งในการถ่ายทอดข้อมูล หรือ สารสนเทศ อยู่ในรูปแบบที่สามารถมองเห็นได้ เช่น จุด, เส้น หรือ แท่ง เป็นต้น โดยส่วนใหญ่จะอยู่ในรูปของ graphic เป้าหมายหลักคือ ทำให้การถ่ายทอดข้อมูลมีประสิทธิ์ผล และ ชัดเจนมากที่สุด Data Visualization เป็นขั้นตอนหนึ่งของ data analysis หรือ data science 
รูปที่ 1 กระบวนการของ data science 

Infographic

ทำการนำเสนอ ข้อมูล หรือ สารสนเทศ หรือ องค์ความรู้ (data, information, knowledge) ในรูปของ graphic ขั้นตอนการทำสามารถอ้างอิงได้จาก data visualization, information design, หรือ information architecture