วันพุธที่ 11 กุมภาพันธ์ พ.ศ. 2558

Week #4

Learning D3.js


เกี่ยวกับ D3 (Data Driven Document)

เป็น Java Script Library ที่สามารถนำข้อมุล(data) เข้ามาประมวลและแสดงผล โดยใช้ HTML, SVG และ CSS  มีความสามารถอย่างเช่น สามารถตอบสนองได้โดยตรง ต่อข้อมูลชุดนั้นๆ 

ทดสอบ_1

  • ทดลองคำสั่งงานเบื้องต้นในการวาดรุป SVG เบื้องต้น

ตัวอย่างการใช้งาน SVG ทั่วไป

ตัวอย่างการวาดวงกลมโดย SVG ทั่วไป

ตัวอย่างการใข้งาน SVG ด้วย D3.js

ตัวอย่างการวาดวงกลมโดยใช้ SVG ด้วย D3.js

ตัวอย่าง



ทดสอบ_2

  • ลองนำเอาข้อมูลมาใช้งาน
  • ทดลองการไล่สีโดยการแปลงข้อมูลจริง (domain) ไปเป็นสิ่งที่เราต้องการ (range)

ไม่มีความคิดเห็น:

แสดงความคิดเห็น