วันพุธที่ 28 มกราคม พ.ศ. 2558

Week 2#






    เป็นเครื่องมือที่ช่วยให้เราวิเคราะห์ข้อมูลที่มีอยู่ ให้เป็นกราฟรูปแบบต่างๆหลากหลายรูปแบบ ไม่ว่าจะเป็น กราฟเส้น กราฟแท่ง กราฟวงกลม และ อื่นๆ ที่จะช่วยให้เราเห็นแนวโน้วของข้อมูลของเราชัดเจนมากขึ้น อีกทั้งยังฟรี 100 % อีกด้วย

( รูปที่ 1 : ตัวอย่างกราฟรูปแบบต่างๆ )

ตัวอย่างกราฟต่างๆ


( รูปที่ 2 :  ตัวอย่างกราฟรูปแบบต่างๆ )

การใช้งาน

1. ใช้เว็ปไซต์ของ manyeyes นั้นมีข้อมูลบางประเภท ให้ทดลองใช้อยู่แล้วที่หัวข้อ Dataset แต่ถ้าเรามีข้อมูลที่ต้องการจะวิเคราะห์เอง ก็สามารถเพิ่มเข้าไปได้
(โดยที่ข้อมูลที่เพิ่มเข้าไปจะอยู่ในรูปแบบตามรุปประกอบด้านล่าง)


( รูปที่ 3 : ตัวอย่างการเพิ่มข้อมูลลงไป )

2. เลือกรูปแบบกราฟที่เหมาะสมกับชุดข้้อมูลนั้นๆ



( รูปที่ 4 : ตัวอย่างแสดงผลลัพธ์ที่ได้จาก manyeyes )



Google Chart

(ที่มารูป : http://nbsadminassist.com/wp-content/uploads/2013/10/Google_wordmark.gif)

    เป็นเครื่องมือที่ใช้สร้างกราฟต่างๆ ที่ใช้ได้ฟรีโดยจะเรียกใช้โดย JavaScript 

( รูปที่ 5 : ตัวอย่างกราฟรูปแบบต่างๆของ Google)


การใช้งานตัวอย่าง

   ในเว็ปไซต์ Google Chart Site! ของ Google Chart นั้น Chart ในรูปแบบต่างๆนั้นจะมี Code ตัวอย่างอยู่แล้วเราแค่ใส่ข้อมูลของเราลงไปให้ถูกรุปแบบ

Ex. Bubble Chart เป็นตัวอย่างการสร้าง Bubblechart 


<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawSeriesChart);

    function drawSeriesChart() {

      var data = google.visualization.arrayToDataTable([
        ['ID', 'Life Expectancy', 'Fertility Rate', 'Region',     'Population'],
        ['CAN',    80.66,              1.67,      'North America',  33739900],
        ['DEU',    79.84,              1.36,      'Europe',         81902307],
        ['DNK',    78.6,               1.84,      'Europe',         5523095],
        ['EGY',    72.73,              2.78,      'Middle East',    79716203],
        ['GBR',    80.05,              2,         'Europe',         61801570],
        ['IRN',    72.49,              1.7,       'Middle East',    73137148],
        ['IRQ',    68.09,              4.77,      'Middle East',    31090763],
        ['ISR',    81.55,              2.96,      'Middle East',    7485600],
        ['RUS',    68.6,               1.54,      'Europe',         141850000],
        ['USA',    78.09,              2.05,      'North America',  307007000]
      ]);

      var options = {
        title: 'Correlation between life expectancy, fertility rate and population of some world countries (2010)',
        hAxis: {title: 'Life Expectancy'},
        vAxis: {title: 'Fertility Rate'},
        bubble: {textStyle: {fontSize: 11}}
      };

      var chart = new google.visualization.BubbleChart(document.getElementById('series_chart_div'));
      chart.draw(data, options);
    }
    </script>
  </head>
  <body>
    <div id="series_chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

ผลลัพธ์ที่ได้



 ( รูปที่ 7 : ภาพผลลัพธ์จากจากใช้ Bubble Chart ของ Google Chart )

เขียนโดย ที่ ไม่มีความคิดเห็น:

วันพุธที่ 21 มกราคม พ.ศ. 2558

Week 1#

Infographic :

   คือการนำเสนอข้อมูลในทาง สถิติ ตัวเลข หรืออื่นๆ ให้ออกมาให้เข้าใจได้ง่าย ในรูปแบบของรูปภาพหรือสัญลักษณ์รูปแบบต่างๆ ที่สื่อความหมายตามแนวโน้มหรือ้างอิงข้อมูลชุดนั้นได้

ตัวอย่างการนำเสนอข้อมูลในรูปแบบ Infographic



(ที่มารูปภาพ : http://appgame.in.th/forum/index.php?topic=671.0)


(ที่มารูปภาพ : https://lh3.googleusercontent.com/-HEpq-xQWA2s/U2rnzGdcGqI/AAAAAAAABYc/kzJrb09FipQ/w426-h551/57%2B-%2B1)

Spreadsheet : Microsoft Excel

    Microsoft Exel เป็นโปรแกรมออฟฟิตที่ใช้จัดทำข้อมูลเอกสาร ที่มีลักษณะสำคัญคือเป็นตาราง เหมาะกับการนำมาใช้งานประมวลผลอย่างง่าย กับข้อมูลทางสถิติต่างๆ ยกตัวอย่างเช่น ข้อมูลจำนวนนักศึกษาในแต่ละชั้นปี

ตัวอย่างข้อมูล

  • ข้อมูลแสดงความสูงของต้นผักสลัด

( รุปที่ 1 : แสดงข้อมูลความสูงของผักสลัดในหน่วย cm. )

ตัวอย่างการแสดงกราฟ

( รูปที่ 2 : แสดงกราฟจากโปรแกรม exel จากข้อมูล รูปที่ 1)

Processing

    เป็นเครื่องมือสำหรับการเขียนโปรแกรมภาษา Processing/Java 
  • แสดงกราฟโดยใช้ โปรแกรม Processing


( รูปที่ 3 : แสดงกราฟจากโปรแกรม Processing จากข้อมูล รูปที่ 1 )

    Source Code

Datplot

    เป็น Program ที่ช่วยสร้างกราฟข้อมูลต่างๆ จากไฟล์ข้อมูลต่างๆ เช่น .txt, .csv อย่างง่ายและรวดเร็วและมันฟรี ( http://www.datplot.com/download/ )

( รูปที่ 4 : แสดงกราฟจากโปรแกรม Datplot จากข้อมูล รูปที่ 1 )

วิธีใช้งานโดยคร่าว

1. เลือกข้อมูลที่ต้องการวิเคราะห์ เช่น .txt, .csv กดเข้าไปที่ File -> Load New data Source จากนั้นก็เลยไฟล์ข้อมูลของเราลงมา จากเลือกหัวข้อของ Cloume ว่าอยู่บรรทัดที่เท่าไร จากนั้นกด Import Data


( รูปที่ 5 : การ import File เข้าโปรแกรม Datplot )

2. เลือกข้อมูลในแนวแกน x ตรงมุมบนชวามือ ( X-ais Parameter )


( รูปที่ 6 : เลือกข้อมูลแกน x )

3. คลิกขวาเลือก Data Curve ->  Add เลือก Coulum ที่ต้องการ



( รูปที่ 7 : เลือก Coulum ที่ต้องการ)

4. ถ้ามีกราฟหลายเส้นก็กดทำตาม ข้อ 3. ก็จะได้กราฟ

( รูปที่ 8 : รูปกราฟที่ได้จาก Datplot)

5. ฟังก์ชั้น Event line เป็นที่สามารถดูข้อมูล ณ จุดๆ ใดก็ได้ของเส้น

( รูปที่ 9 : ตัวอย่างการใช้งาน Event Line )











เขียนโดย ที่ ไม่มีความคิดเห็น:
สมัครสมาชิก: บทความ (Atom)