พื้นฐาน D3.js: การผูกข้อมูลเข้ากับ HTML Elements

ต้องการแสดงข้อมูลที่ซับซ้อนบนเว็บแบบไดนามิกใช่ไหม? D3.js มอบเครื่องมืออันทรงพลังที่จำเป็นในการแปลงข้อมูลดิบให้เป็นโครงสร้าง HTML elements และส่วนประกอบเว็บแบบโต้ตอบ เมื่อจบหลักสูตรนี้ คุณจะเข้าใจขั้นตอนการทำงานของข้อมูลใน D3 และเชี่ยวชาญวิธีการเชื่อมโยงอาร์เรย์ข้อมูลเข้ากับ DOM elements เพื่อสร้างรายการ ตาราง และส่วนประกอบ HTML โครงสร้างอื่นๆ โดยอัตโนมัติ สิ่งที่คุณจะได้เรียนรู้: * เข้าใจไวยากรณ์การเลือกและการเชื่อมต่อ (chaining) ของ D3 เพื่อการจัดการ DOM อย่างมีประสิทธิภาพ * เรียนรู้กระบวนการผูกข้อมูลโดยใช้เมธอด data(), enter(), update() และ exit() * ประยุกต์ใช้เมธอดแบบอะซิงโครนัสเพื่อโหลดและแยกวิเคราะห์แหล่งข้อมูลภายนอก เช่น ไฟล์ JSON และ CSV * ฝึกฝนการสร้างโครงสร้าง HTML แบบไดนามิก รวมถึงรายการและตาราง ที่ขับเคลื่อนด้วยข้อมูลทั้งหมด * กำหนดค่าแอตทริบิวต์และสไตล์ของ element ตามค่าข้อมูลที่เกี่ยวข้องโดยใช้ฟังก์ชัน accessor หลักสูตรเริ่มต้นด้วยแนวคิดพื้นฐานของการเลือกข้อมูลและโครงสร้างข้อมูลของ D3 โดยก้าวหน้าไปสู่แบบฝึกหัดเชิงปฏิบัติที่เน้นการใช้รูปแบบการเชื่อมโยงข้อมูลที่จำเป็น หลักสูตรนี้ออกแบบมาสำหรับผู้เริ่มต้นที่คุ้นเคยกับ HTML, CSS และไวยากรณ์ JavaScript สมัยใหม่เบื้องต้น ไม่จำเป็นต้องมีประสบการณ์ด้าน D3.js มาก่อน เริ่มเชี่ยวชาญการจัดการข้อมูลด้วย D3.js ได้ตั้งแต่วันนี้