Exercise 1 Chart | Graph Generator | Tool
ใน Exercise 1 จะเป็นการทดลองใช้เครื่องมือสร้าง Graph และ Chart โดยใช้ข้อมูลง่ายๆ โดยใช้เครื่องมือดังนี้
- use spreadsheet to create graph/chart
- use processing.js
- Find and try other tools
ในที่นี้ จะยกตัวอย่างเป็น ตารางรายจ่าย ใน 1 สัปดาห์ โดยเริ่มจากวันอาทิตย์ ตามตารางในรูปที่ 1.1
รูปที่ 1.1 ตารางรายจายใน 1 สัปดาห์
1.1 Spreadsheet
- Microsoft Excel 2010
 |
| รูปที่ 1.1.1 Microsoft Excel 2010 |
Microsoft Excel เป็นโปรแกรมประเภทสเปรดชีต
(spreadsheet) หรือโปรแกรมตารางทำงานซึ่งใช้เก็บข้อมูลต่าง
ๆ สูตรคำนวณ ลงบนแผ่นตารางงานคล้ายกับการเขียนข้อมูลลงไปในสมุดที่มีการตีช่องตารางทั้งแนวนอนและแนวตั้ง ปัจจุบันโปรแกรมตารางทำงาน มีความสามารถ 3 ด้าน คือ คำนวณ
นำเสนองานด้วยกราฟและแผนภูมิ จัดการฐานข้อมูล
 |
| รูปที่ 1.1.2 แสดงข้อมูลในแบบ Column Chart |
 |
| รูปที่ 1.1.3 แสดงข้อมูลในแบบ Line Chart |
 |
| รูปที่ 1.1.4 แสดงข้อมูลในแบบ Pie Chart |
 |
| รูปที่ 1.1.5 แสดงข้อมูลในแบบ Bar Chart |
1.2 Processing.js
- Processing.js
Processing.js ได้ถูกอออกแบบมาสำหรับใช้กับงานร่วมกับเว็ปไซต์ทั่วไป โดยไม่ต้องลงอะไรเพิ่มเติม โดย Processing.js สามารถนำมาสร้าง Data visualization, Digital art, Charts และอื่นๆอีกมากมาย ซึ่งใช้ภาษา Processing ในการเขียนโค้ด เพื่อนำไปทำงานร่วมกับเว็ปไซต์
ทดลองใช้ Processing.js โดยใช้ข้อมูลในรูปที่ 1.1 |
| รูปที่ 1.2.1 แสดงข้อมูลในแบบ Pie Chart |
1.3 Other Tool
- Online Chart Tool
Online Chart Tool เป็นเว็บแอปพลิเคชั่นที่ช่วยในการสร้าง Chart อีกตัวหนึ่ง ซึ่งใช้งานได้ไม่ยากไม่ต้องลงอะไรเพิ่มเติม สามารถใช้งานได้เลยผ่าน Web Browser ได้เลย เมื่อสร้าง Chart เสร็จ สามารถ Save หรือ Share ได้เลย โดยการ Save จะมีหลายแบบให้เลือก ดังรูปที่ 1.3.1
 |
| รูปที่ 1.3.1 รูปแบบการ save and share |
 |
| รูปที่ 1.3.2 Online Chart Tool |
ทดลองใช้ Online Chart tool โดยใช้ข้อมูลในรูปที่ 1.1
 |
| รูปที่ 1.3.3 แสดงข้อมูลในแบบ Column Chart |
 |
| รูปที่ 1.3.4 แสดงข้อมูลในแบบ Line Chart |
 |
| รูปที่ 1.3.5 แสดงข้อมูลในแบบ Pie Chart |
 |
| รูปที่ 1.3.6 แสดงข้อมูลในแบบ Bar Chart |
ไม่มีความคิดเห็น:
แสดงความคิดเห็น