วันพุธที่ 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 )

เขียนโดย ที่

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

สมัครสมาชิก: ส่งความคิดเห็น (Atom)