พี่หมู - ดร.กฤษฎิ์ วงศ์ศุภสวัสดิ์
บรรยายเรื่อง Big data กับการประชาสัมพันธ์ หรือ Data Scientist
และในนาทีที่ 48.20 พูดถึง D3.js สำหรับ Web developer ใช้เพื่อนำเสนอข้อมูลได้หลายมุมมอง
สรุปแล้ว D3.js คือ JavaScript library สำหรับจัดการนำเสนอเอกสารจากข้อมูล
ช่วยให้ข้อมูลดูมีชีวิตโดยใช้ HTML, SVG, and CSS
ซึ่ง D3 เน้นนำเสนอบน Web ผ่าน Browser แบบ Visualization โดยไม่ต้องพิมพ์รายงานเอง ตามแนวคิดแบบ data-driven approach
ต.ย. เขียนสามวงกลม d3_3circle.htm (ทำงานได้บน xampp)
<html><head><title>d3_3circle.htm</title></head>
<body><script src="https://d3js.org/d3.v5.min.js"></script>
<svg width="720" height="120" style="background-color:yellow">
<circle cx="40" cy="60" r="10"></circle>
<circle cx="80" cy="60" r="10"></circle>
<circle cx="120" cy="60" r="10"></circle>
</svg>
<svg width="360" height="60" style="background-color:gray">
<circle cx="40" cy="30" r="5" style="fill:steelblue;"></circle>
<circle cx="80" cy="30" r="5" style="fill:red;"></circle>
<circle cx="120" cy="30" r="5"></circle>
</svg>
</body></html>
|