Exercise 2 Chart-Graph web-based | Tool
ใน Exercise 2 จะเป็นการทดลองใช้เครื่องมือเพิ่มเติมในการสร้าง Graph และ Chart โดยใช้เครื่องมือดังนี้
- Try one or more web-based tools
- Try Google Charts
- Find and try other tools
 |
| ตารางที่ 2.1 จำนวนมารดาตายต่อเกิดมีชีพ 100,000 คน ปี พ.ศ. 2544 - 2556 รายปี |
* หมายเหตุ : การตายของมารดา หมายถึง
การตายของหญิงตั้งครรภ์หรือภายใน 24 วัน หลังสิ้นสุดการตั้งครรภ์
ไม่ว่าอายุครรภ์จะเป็นเท่าใดจากสาเหตุที่เกี่ยวข้องหรือก่อให้เกิดรุนแรงขึ้นจากครรภ์ หรือการดูแลรักษาขณะตั้งครรภ์และคลอด
แต่ไม่ใช่จากอุบัติเหตุหรือสาเหตุที่เกี่ยวข้องกับการตั้งครรภ์
2.1 Try one or more web-based tools
Plotly เป็นอีกหนึ่ง web-based tools ที่มีให้ใช้งานซึ่งใช้งานได้ไม่ยากสะดวก มี Chart ให้เลือกสร้างหลายแบบตามรูปที่ 2.1.3 ถ้าไม่สมัครสมาชิกก่อนสามารถสร้าง Chart ได้ แต่จะไม่สามารถทำบางอย่างได้ เช่น import,export เป็นต้น
 |
| รูปที่ 2.1.1 หน้าหาหลัก |
 |
| รูปที่ 2.1.2 เมนูต่างๆ |
 |
| รูปที่ 2.1.3 chart ที่อยู่ในเมนู MAKE A PLOT |
ในรูปที่ 2.1.3 คือรูปแบบ Chart ให้เลือกว่าจะต้องการเลือกสร้างกราฟแบบใด ซึ่งทั้งหมดนี้อยู่ในเมนู MAKE A PLOT
ทดลองใช้ Plotly โดยใช้ข้อมูลในตารางที่ 2.1
 |
| รูปที่ 2.1.4 แสดงข้อมูลในแบบ Column Chart |
 |
| รูปที่ 2.1.4 แสดงข้อมูลในแบบ Line Chart |
2.2 Try google charts
- Google Charts
Google Charts ได้ถูกอออกแบบมาสำหรับใช้กับงานร่วมกับเว็ปไซต์ทั่วไป โดย Google Charts สามารถนำมาสร้าง Data visualization ได้หลากหลายรูปแบบ
ซึ่งใช้ภาษา Javascript ผนวกกับการนำ JS-API ของ Google มาใช้ในการเขียนโค้ด เพื่อนำไปทำงานร่วมกับเว็ปไซต์
ทดลองใช้ Google Chart โดยใช้ข้อมูลในตารางที่ 2.1
2.3 Find/try more tools
VDraw เป็นโปรแกรมวาดแบบ วาดรูป แบบครบวงจร ซึ่งหน้าที่หลักมันเป็นโปรแกรมวาดรูปแถมยังสามารถใช้ในการออกแบบบ้าน วาดแบบบ้าน แผนผังในแต่ละชั้นได้อย่างลงตัว เป็นโปรแกรมที่มีความสามารถเยอะมากๆ ในที่นี้โปรแกรม VDraw ยังสามารถช่วยในการสร้าง Chart
อีกตัวหนึ่ง ซึ่งมีให้เลือกทั้งแบบ 2D (รูปที่ 2.3.2) หรือ แบบ 3D (รูปที่ 2.3.3)
 |
| รูปที่ 2.3.1 รูปหน้าตาโปรแกรม |
 |
| รูปที่ 2.3.2 Chart ใน 2D Chart |
 |
| รูปที่ 2.3.3 Chart ใน 3D Chart |
ทดลองใช้ Online Chart tool โดยใช้ข้อมูลในตารางที่ 2.1
 |
| รูปที่ 2.3.4 แสดงข้อมูลในแบบ Column Chart |
 |
| รูปที่ 2.3.5 แสดงข้อมูลในแบบ Line Chart |
ไม่มีความคิดเห็น:
แสดงความคิดเห็น