Bar Chart.

Percentage of population aged 6 years and over used mobile phone by activity.






float[]p = {59.9,45.9,21.0,18.4,16.9,4.8,3.5,0.6}; //เป็นประกาศตัวแปรเป็น Array จำนวนทศนิยม ชื่อ p ซึ่งตัวแปรชนิดนี้จะเก็บค่าได้หลายตัวโดยมีตำแหน่ง index เป็นตัวกำกับ
String[]a = {"Received news or information","SMS, MMS","Wacthing TV, listening music or radio","Games","Loading image or music","E-mail","Surfing Internet","Mobile Banking"};
//เป็นการประกาศตัวแปรเป็น Array ชนิดข้อความ ชื่อ a ซึ่งตัวแปรชนิดนี้จะเก็บค่าได้หลายตัวโดยมีตำแหน่ง index เป็นตัวกำกับ

int n = 0;
void setup(){ //เป็นฟังก์ชันแรกที่ถูกกำหนดไว้แล้วให้ถูกเรียกใช้งานเมื่อโปรแกรมเริ่มทำงาน ภายในมีคำสั่งต่างๆโดยเราสามารถใส่เข้าไปเองได้ใน { } จะถูกเรียกใช้โดยอัตโนมัติและเพียงครั้งเดียว
  size(500,400); //size(กำหนดค่าตามแกนx,กำหนดค่าตามแกนy) คือ คำสั่งเพื่อใช้กำหนดขนาด Canvas
  background(0); //ใส่สีดำให้กับพื้นหลัง
  drawStatics(); //เรียกใช้ ฟังก์ชัน drawStatics
}
void drawStatics(){ //เป็นฟังก์ชันที่เราสร้างขึ้นมาเอง โดยใช้ชื่อ drawStatics
  int x = 20;
  int y = 130;
  int w = 40;
  int v = 0;
  
  stroke(255); //stroke คือ การใส่สีให้กับเส้น กำหนดค่าได้ดังนี้ (แดง,เขียว,น้ำเงิน) จากตัวอย่าง stroke(255); จะได้สีขาว
  line(0,130,500,130);
  while(n<p.length){ //while คือ การทำงานในลักษณะวนซ้ำหรือที่เรามักจะได้ยินกันบ่อยๆว่าการ วนลูป ซึ่งการทำงานซ้ำในแต่ละรอบนั้นจะประมวลผลกลุ่มคำสั่งเดิมที่อยู่ภายใต้ ประโยคwhile ซึ่งรอบของการวนซ้ำจะนานเท่าไรนั้นก็ขึ้นอยู่กับว่าผ่านเงื่อนไขการทดสอบว่า เป็นเท็จหรือไม่ ถ้าเป็นเท็จจริงจึงจะหลุดจากการทำงาน
จากคำสั่งเงื่อนไข คือ while(n<p.length) ซึ่ง(p.length)คือ ความกว้างของตัวแปรarray p
  if(n==0){fill(0,0,255);} //เป็นการสร้างเงื่อนไขในการใส่สี จากคำสั่งนี้จำได้สีน้ำเงิน
  if(n==1){fill(255,0,0);} //red color
  if(n==2){fill(0,255,127);} //green color
  if(n==3){fill(255,255,0);} //yellow color
  if(n==4){fill(255,20,147);} //pink color
  if(n==5){fill(148,0,211);} //violet color
  if(n==6){fill(0,191,255);} //blue sky color
  if(n==7){fill(255,165,0);} //orange color
  
  rect(x,y,w,-p[n]);
  text(p[n]+"%",x,y-p[n]-10); //เป็นคำสั่งที่แสดงข้อความโดยกำหนดดังนี้ (ค่าที่ต้องการแสดง+"ข้อความ",ตำแน่งแกนx,ตำแหน่งแกนy)
  rect(16,162+v,5,5);
  text(a[n],25,170+v);
  x=x+60; //x=x+60 คือ x จะมีค่าเพิ่มขึ้น 60  ทุกๆครั้งที่มีการวนลูป
  v=v+30; //v=v+30 คือ v จะมีค่าเพิ่มขึ้น 30  ทุกๆครั้งที่มีการวนลูป
  n=n+1;  //n=n+1 คือ n จะมีค่าเพิ่มขึ้น 1  ทุกๆครั้งที่มีการวนลูป
  }
}

Source : http://web.nso.go.th/en/stat_theme_ict.htm