Web-based tools

RAW

http://raw.densitydesign.org/

ได้ทดลองใช้ web-based tools ชื่อ RAW สร้างกราฟข้อมูลแสดงการใช้งานเว็บบราวเซอร์เฉลีย ในแต่ละปีคิดเป็นเปอร์เซ็นตั้งแต่ปี 2008 - 2014

Year         IE 8         IE 7           IE 9 FireFox Chrome Safari
2008        0%  33.80%      0%         6.93% 0%            0%
2009        4.10%  34.96%      0%         11.71% 1.42% 0.62%
2010        25.77%  29.04%      0.28% 13.77% 4.76% 1.43%
2011        34.07% 18.02%      2.66% 15.54% 15.58% 3.67%
2012        22.92% 8.90%        7.53% 13.80% 29.69%     9.64%
2013        11.75% 4.17%        5.66% 13.62% 37.91% 18.52%
2014        5.68% 2.32%        2.68% 16.01% 40.59% 25.02%

ข้อมูลจาก http://truehits.net/graph/graph_stat.php#WEB
บริษัท ศูนย์วิจัยนวัตกรรมอินเทอร์เน็ตไทย จำกัด

เริ่มจากการใส่ข้อมูลที่เราต้องการสร้างกราฟ

เลือกแบบกราฟที่เราต้องการ

จัดข้อมูลตามที่ต้องการแสดงบนกราฟ

ปรับขนาด ความกว้าง ความสูง สี

ส่วนโค้ด HTML

download code

Google Chart

https://developers.google.com/chart/

หน้าเว็บ

Examples

Reference

ทดลอง

กราฟแสดงข้อมูลการใช้เว็บบราวเซอร์ต่างๆ ในแต่ละปี

download code

เป็นข้อมูลแสดงการใช้งานเว็บบราวเซอร์เฉลีย ในแต่ละปีคิดเป็นเปอร์เซ็นตั้งแต่ปี 2008 - 2014

OnlineCharttool

http://www.onlinecharttool.com/graph

หน้าเว็บ

เริ่มจากเลือก chart ที่ต้องการ

ใส่ข้อมูล

ปรับเปลี่ยน ตัวหนังสือ ขนาดตัวหนังสือ

save and share

chart ที่ได้

My Chart

infographic vs data visualization

infographic เป็นการนำเสนอข้อมูล หรือเรื่องราวต่างๆที่เป็นความรู้ โดยใช้รูปภาพประกอบเพื่อให้เข้าใจข้อมูลที่ต้องการนำเสนอง่ายขึ้น ซึ่งข้อมูลที่นำเสนออาจจะเป็นข้อมูลเชิงปริมาณที่สามารถวัดค่าได้ หรือไม่ใช่ข้อมูลเชิงปริมาณก็ได้

data visualization เป็นการเสนอข้อมูลเชิงปริมาณที่สามารถวัดค่าได้ ส่วนมากจะแสดงในรูปแบบของ graph/chart ซึ่งจะมีตัวเลข และปริมาณที่แสดงให้เห็นได้ชัดเจน

Use spreadsheet to create graph/chart

ได้ใช้โปรแกรม LibreOffice Calc ในการสร้าง chart
ซึ่งเป็น chart ที่ใช้แสดงจำนวนเวลา ที่ใช้ในการทำงานในแต่ละวันในหนึ่งสัปดาห์

ซึ่งข้อมูลก็จะแสดงจำนวนชั่วโมงที่ใช้ในการทำงานแต่ละวัน ในหนึ่งสัปดาห์
วันจันทร์ ใช้เวลา 2 ชั่วโมง
วันอังคาร ใช้เวลา 2 ชั่วโมง
วันพุธ ใช้เวลา 3 ชั่วโมง
วันพฤหัสบดี ใช้เวลา 4 ชั่วโมง
วันศุกร์ ใช้เวลา 3 ชั่วโมง
วันเสาร์ ใช้เวลา 5 ชั่วโมง
วันอาทิตย์ ใช้เวลา 5 ชั่วโมง

Use Processing.js

Find and try other tools

• OpenOffice Calc

• Google Docs Spreadsheet

• Excel Online

• Zoho Sheet