Exercise3 - Try more web-based tools

    Exercise 3 เป็นการทดลองใช้ Web-based Tools สำหรับการแสดงผลข้อมูล โดยการนำข้อมูลจากการทดสอบใน Exercise ที่ 1 และ 2 มาใช้ เพื่อดูการแสดงผล และวิธีการใช้งานของ Web-based Tools ที่เลือกใช้งาน ซึ่งใน exercise ที่ 3 นี้ได้เลือก AMCHARTS มาทดลองใช้

AMCHARTS

     AMCHARTS เป็นเครื่องมือที่ใช้ในการสร้างแผนภูมิขั้นสูงโดยใช้ Javascript ซึ่งเหมาะสมกับการแสดงข้อมูลใดๆ ทั้งรูปแบบของกราฟหรือชาร์ต แผนที่ และอื่นๆอีก โดยแบ่งออกเป็นโปรดักซ์หลัก 3 โปรดักซ์ ได้แก่ JavaScript CHARTS, JavaScript STOCK CHART, และ Interactive JavaScript MAPS ซึ่งผู้ใช้จะต้องทำการ Download ซอฟต์แวร์และติดตั้งบนเครื่องสำหรับการใช้งาน

    แต่ถ้าหากผู้ใช้ไม่ต้องการที่จะ Download และติดตั้ง Software ลงบนเครื่องคอมพิวเตอร์ ทาง AMCHARTS ก็มีอีกทางเลือกหนึ่งที่จะให้ความสะดวกกับผู้ใช้งาน คือ การใช้งาน Live Editor ซึ่งจะต้องใช้งานบนเว็บบราวเซอร์และมีการเชื่อมต่ออินเตอร์เน็ต

ขั้นตอนการใช้งาน

• ผู้ใช้สามารถเลือกรูปแบบการแสดงผลข้อมูลได้ที่หน้าเว็บไซต์ได้เลย หรือจะเลือก Make a Chart โดยในการทดลองนี้ได้เลือก Make a CHART

รูปที่ 1 : เป็นลักษณะของ AMCHARTS LIVE EDITOR

• เมื่อเลือก Make a CHART แล้วจะปรากฏรูปแบบของการแสดงข้อมูลต่างๆ และรายละเอียดมากกว่าที่ปรากฏอยู่ในหน้าเว็บไซต์

 

รูปที่ 2 : แสดงรูปแบบของการแสดงของมูล

• เมื่อเลือกรูปแบบการแสดงผลได้แล้ว ส่วนถัดมาคือส่วนที่ใช้ในการจัดรูปแบบ และรายละเอียดต่างๆ อย่างข้อมูลที่จะใช้ในการแสดงผล เปลี่ยนสี ขนาด และรายละเอียดอื่นๆ

รูปที่ 3 : ส่วนของการจัดการรูปแบบการนำข้อมูลมาแสดงผล

• การเพิ่มข้อมูลลงใน editor ซึ่งสามารถ import file *.csv เข้ามาได้ และปรากฏเป็นตารางดังรูปที่ 4

รูปที่ 4: ตารางข้อมูลที่ต้องการมาแสดงผล

• หลังจากที่เพิ่มข้อมูลลงใน editor เรียบร้อยก็สามารถปรับแต่ง Pie Chart ตามที่ต้องการ

รูปที่ 5 : แสดงการปรับแต่ง Pie Chart ตามที่ต้องการ

ผลการทดลอง

More Structure

• Funnel Chart

         - เป็นแผนภาพที่มีลักษณะคล้ายกับกรวย ส่วนมากจะใช้ในการแสดงขั้นตอนต่างๆของกระบวนการขาย และจำนวนเงินของรายได้แต่ละขั้นตอน แต่การทดลองนี้ได้นำข้อมูลเดียวกับที่ใช้ในสร้าง Pie Chart มาสร้างเป็น Funnel Chart

• Pyramid