Data Visualization

D3 หรือ D3.js ย่อมาจาก Data Driven Documents เป็นไลบรารีอย่างหนึ่งของ JavaScript มีหน้าที่สร้างการแสดงข้อมูลแบบไดนามิกหรือการโต้ตอบกับผู้ใช้ในเบราว์เซอร์

โดย D3 สร้างขึ้นมาทำงานร่วมกับเว็บทั่วไป นั่นก็คือ HTML, CSS และ Scalable Vector Graphics (SVG)

D3 สามารถรองรับรูปแบบการอินพุตข้อมูลได้หลายประเภท โดยเมื่อรับข้อมูลมาแล้วจะใช้วิธีการที่มีประสิทธิภาพในการ Build-in ข้อมูลและจะแปลงข้อมูลเหล่านั้นเป็นแผนภูมิ กราฟ หรือแผนที่ต่างๆ ได้

ในหลักสูตร Data Visualization with D3 คุณจะได้เรียนรู้วิธีการทำงานกับข้อมูลต่างๆ เพื่อสร้างแผนภูมิ กราฟ เอเลเมนท์แบบโฮเวอร์ (Hover elements) และ ingredients อื่นๆ เพื่อสร้างการแสดงข้อมูลแบบไดนามิกที่มีอินเตอร์เล็กชั่นและมีความน่าสนใจ

JSON มีลักษณะเหมือนกับวิธีที่ UI ประเภทต่างๆ ที่ช่วยให้ผู้ใช้ใช้โปรแกรม API (Application Programming Interfaces) ได้และช่วยให้โปรแกรมสามารถโต้ตอบกับโปรแกรมอื่นๆได้ ส่วน API เป็นเครื่องมือที่คอมพิวเตอร์ใช้ในการสื่อสารระหว่างกัน ส่วนหนึ่งใช้ในการส่งและอีกส่วนหนึ่งรับข้อมูล

โปรแกรมเมอร์มักจะใช้ AJAX (Asynchronous JavaScript และ XML) ร่วมกับ APIs ต่างๆ โดย AJAX คือกลุ่มเทคโนโลยีที่ส่งคำขอแบบ Asynchronous ไปยังเซิร์ฟเวอร์เพื่อถ่ายโอนข้อมูล จากนั้นจะโหลดข้อมูลที่ส่งคืนมายังเว็บเพจ และข้อมูลที่ถูกถ่ายโอนระหว่างเบราว์เซอร์กับเซิร์ฟเวอร์ ซึ่งจะอยู่ในรูปแบบที่เรียกว่า JSON (JavaScript Object Notation)

ในหลักสูตรนี้จะสอนพื้นฐานเกี่ยวกับการทำงานของ API และเทคโนโลยี AJAX ต่างๆ ในเบราว์เซอร์

ถึงตอนนี้แล้ว คุณคงจะได้เรียนรู้วิธีทำงานกับเทคโนโลยีใน D3, API และ AJAX มาบ้างแล้ว งั้นเรามามาทดสอบทักษะของคุณกับโปรเจค Data Visualization ทั้ง 5 โครงการกัน

ในโปรเจคเหล่านี้ คุณจะต้องทำการดึงข้อมูล, แยกและวิเคราะห์ชุดข้อมูล หลังจากนั้นใช้ D3 สร้างการแสดงข้อมูลในรูปแบบต่าง ๆ

การทำโปรเจคทั้ง 5 ได้สำเร็จจะได้รับประกาศไปรษณียบัตรทางด้าน Data Visualization