Data Visualization Week 1

Data Visualization Week 1

        ข้อมูลที่นำมาใช้ในการทดลองในครั้งนี้นั้นเป็นข้อมูลของประเทศที่มีนักท่องเที่ยวมากที่สุด 10 อันดับ ในปี ค.ศ.2012  และ ปี ค.ศ.2013 ซึ่งข้อมูลที่ได้จากการประมวลผลนี้อาจจะเป็นตัวช่วยให้ใครหลายๆ คนตัดสินใจเป้าหมายในการเดินทางครั้งต่อไปได้ง่ายขึ้น

ตารางแสดง 10 อันดับประเทศที่มีนักท่องเทียวมากที่สุดในปี 2013-2014

Use spreadsheet

      Spreadsheet  เป็นโปรแกรมที่มีความสามารถในการประมวลผลทางด้านการคำนวณ การวิเคราะห์ทางสถิติ และ สามารถสรุปผลออกมาในรูปแบบของตารางและกราฟต่างๆได้ เช่น กราฟแท่ง( bar charts ), กราฟวงกลม(  pie charts ), กราฟเส้น( line graph) เป็นต้น  โดยในการทดลองครั้งนี้ได้เลือกใช้โปรแกรม  Microsoft Excel 2007 ในการทดลอง

       ผลที่ได้จากการทดลอง

Chart แสดง 10 อันดับประเทศยอดนิยมของนักท่องเที่ยว

Chart แสดงเปอร์เซ็นความเปลี่ยนแปลงของจำนวนนักท่องเที่ยวใน ปี 2012 และ ปี 2013

Use Processing.js

       Processing.js คือ ภาษาที่ใช้สำหรับพัฒนาโปรแกรม   ใช้ในการสร้างกราฟฟิกต่างๆ ได้ทั้งงในรูปแบบ 2 มิติ และ 3 มิติ  ตัวอย่างเช่น  กราฟแสดงข้อมูล animations เป็นต้น

        code ที่ใช้ในการทดลอง

          //ส่วนของการกำหนดตัวแปร
          String city[] = {"France", "US", "Spain", "China", "Italy", "Turkey", "German", "UK",
          "Russia", "Thai"};
          float preple_2012[] = {83,66.7,57.5,57.7,46.4,35.7,30.4,29.3,25.7,22.4};
          float preple_2013[] = {84.7,69.8,60.7,55.7,44.7,35.7,31.5,31.2,28.4,26.5};
          int ScreenWidth = 720, ScreenHeight=400;
          int Margin = 85;
void setup() {
         //กำหนดขนาด
            size(ScreenWidth,ScreenHeight);
smooth();   }

void draw() {
          //เรียกฟังชั่นวาดกราฟ
    background(255);
   textAlign(CENTER);
  Axis();
   PrintBars();
   Bars();
   }

          //ฟังชั่นสำหรับวาดเส้นกราฟและแบ่งสเกล
   void Axis(){
   textFont(createFont("Arial",12),24);   text("International Tourist Arrivals", Margin+       (ScreenWidth-(Margin*2))/2,60);
      strokeWeight(1);
   stroke(220);
   for(float x=0;x<=10;x++){
        int bars=(ScreenHeight-Margin)-int(0.57*(ScreenHeight)*(x/10));
        line(Margin,bars,ScreenWidth-Margin,bars);
   }
   strokeWeight(1);
   stroke(180);
   for(float x=0;x<=5;x++){
        int bars=(ScreenHeight-Margin)-int(0.57*(ScreenHeight)*(x/5));
        line(Margin,bars,ScreenWidth-Margin,bars);
   }
   strokeWeight(2);
   stroke(90);
   line(Margin,ScreenHeight-Margin,ScreenWidth-Margin,ScreenHeight-Margin);
   line(Margin,ScreenHeight-Margin,Margin,Margin);
   strokeWeight(1);
          }

          //plot สเกลบนกราฟทั้งแกน X (ชื่อประเทศ) และแกน Y
          void Bars(){
   for (int i=0;i<10;i++){
     stroke(90);
     fill(0x2e,0x2a,0x2a);
     textFont(createFont("Arial",12),13);
       text(city[i], Margin+30 +(i*55), ScreenHeight-Margin+20 );
   }
   fill(0x2e,0x2a,0x2a);
   for(float x=0;x<=10;x++){
      textFont(createFont("Arial",12),12);
      text(round(x*10),Margin-23,ScreenHeight-Margin-(x*22));
   }
   rotate(radians(-90));
   text("Millio",-ScreenHeight/2,Margin-45);
          }

          //วาด Bar ลงบนกราฟ
          void PrintBars(){
   for (int i=0;i<10;i++){
   fill(72 ,61, 139);
   stroke(90);
   rect(Margin+15 +(i*55), ScreenHeight-Margin-1, 15, (-preple_2012[i])*2.3+1);
   fill(135, 206, 235);
   rect(Margin+30 +(i*55), ScreenHeight-Margin-1, 15, (-preple_2013[i])*2.3+1);    }
          }

        ผลที่ได้จากการทดลอง

Chart แสดง 10 อันดับประเทศยอดนิยมของนักท่องเที่ยว จากโปรแกรม Processing.js