Bar Chart About Percentage of youth aged 0-4 years according to living arrangements by living with parents And Calculate Min/Max/Average.

float[]B = {63.6, 19.7, 14.5, 2.2}; //เป็นการกำหนดค่าตัวแปรชุด โดยนำค่าต่างๆ ที่เป็นทศนิยม ของข้อมูลมาใส่ลงในวงเล็บปีกกา
String[]A = {
  "Living with both parents", "Living with neither parent", "Living with mother only", "Living with father only"};  //เป็นการกำหนดค่าตัวแปรชุด โดยนำข้อมูลชนิดที่เป็นประโยคมาใส่ในวงเล็บปีกกา ภายใต้เครื่องหมายคำพูด
int i;//เป็นการประกาศตัวแปร i นิดที่เป็น Local variables
int x = 4;//เป็นการประกาศและกำหนดค่าของตัวแปร x โดยค่าที่เป็นจำนวนเต็มทางขวาของ Assignment Operator ใส่ให้กับตัวแปร x ทางซ้าย
float sum;  //เป็นการประกาศตัวแปร ชนิดที่เป็นทศนิยมหรือเลขยกกำลัง ของ sum
float average; //เป็นการประกาศตัวแปร ชนิดที่เป็นทศนิยมหรือเลขยกกำลัง ของ sum
void setup() { //เป็นการประกาศฟังก์ชั่น setup โดย void จะกระทำเฉพาะในฟังก์ชั่นเท่านั้น
  size(500, 500); //เป็นการกำหนดขนาดของ Canvas โดยที่ size (ขนาดของแกนx, ขนาดของแกนy);
  background(102, 051 , 000);  //เป็นการเพิ่มสีให้กับพื้นหลัง โดย background(สีแดง, สีเขียว, สีน้ำเงิน); ค่าของสีแต่ละตัวมีได้สูงสุดไม่เกิน 255 และต่ำสุดที่ 000
  drawColumn(); //เป็นการเรียกใช้ฟังก์ชั่นชื่อ drawColumn
  float max = B[0]; //เป็นการกำหนดตัวแปร max ให้กับตัวแปรชุด B ใน index 0
  float min = B[0]; //เป็นการกำหนดตัวแปร min ให้กับตัวแปรชุด B ใน index 0
  int i = 0;  //เป็นการประกาศและกำหนดค่าของตัวแปร i ชนิดจำนวนเต็มให้มีค่าเท่ากับศูนย์
  while (i< B.length) {  //เป็นคำสั่ง while ซึ่งหลักการคือ ถ้าเงื่อนไขที่กำหนดเป็นจริงจะกระทำตามที่เราสั่งไว้ ไปเรื่อยๆ จนกว่าเงื่อนไขนั้นจะเป็นเท็จ รูปแบบการเขียนคือ while (เงื่อนไข){คำสั่ง} โดยในข้อนี้สามารถอธิบายได้ว่า ขณะที่ i น้อยกว่าหรือเท่ากับ ความยาวของตัวแปรชุด B นั้น จะสั่งให้กระทำส่งนั้นๆไปเรื่อยๆ ถ้าอยากให้หยุดเราต้องทำให้สถานะการณ์นี้เป็นเท็จ โดยเพิ่มค่าให้กับตัวแปรในกรณีนี้คือ i นั่นเอง
    if (B[i] >= max) { //เป็นการสร้างเงื่อนไข ให้กับการเคลื่อนที่ โดยที่ if คือการตั้งเงื่อนไขที่ว่าถ้าจริงให้ทำ ถ้าเท็จไม่ทำ  จะได้ว่า if (กำหนดค่าที่เปลี่ยนแปลงไปภายใต้เงื่อนไข) { กำหนดค่าที่ต้องการให้เปลี่ยนเมื่อเงื่อนไขสมบรูณ์; }โดยในที่นี้หมายถึง ถ้าค่าในตัวแปรชุด B ที่ index i มากกว่าหรือเท่ากับค่าของ max  เป็นจริง ให้ max = B[i]
      max = B[i];
    }
    if (B [i]<= min) {  //โดยที่ if คือการตั้งเงื่อนไขที่ว่าถ้าจริงให้ทำ ถ้าเท็จไม่ทำ จะได้ว่า if (กำหนดค่าที่เปลี่ยนแปลงไปภายใต้เงื่อนไข) { กำหนดค่าที่ต้องการให้เปลี่ยนเมื่อเงื่อนไขสมบรูณ์; }โดยในที่นี้หมายถึง ถ้าค่าในตัวแปรชุด B ที่ index i น้อยกว่าหรือเท่ากับค่าของ min  เป็นจริง ให้ max = B[i]
      min = B [i];
      i=i+1;  //การเปลี่ยนค่าให้กับตัวแปร i โดยเพิ่มขึ้นทีละหนึ่ง
    }
    if (i==x) { //โดยที่ if คือการตั้งเงื่อนไขที่ว่าถ้าจริงให้ทำ ถ้าเท็จไม่ทำ จะได้ว่า if (กำหนดค่าที่เปลี่ยนแปลงไปภายใต้เงื่อนไข) { กำหนดค่าที่ต้องการให้เปลี่ยนเมื่อเงื่อนไขสมบรูณ์; }โดยในที่นี้หมายถึง ถ้าค่าในตัวแปร i เท่ากับค่าของ x  เป็นจริง ให้เอาค่าในตัวแปรชุด B ทั้งหมดมาบวกกัน และเอามาหารด้วย x จะได้ค่าเฉลี่ย
      sum=B[0]+B[1]+B[2]+B[3];
      average=sum/x;
    }
  }
  println("Max="+max); //เป็นคำสั่งที่ใช้พิมพ์ค่า โดย println("เป็นข้อความที่ต้องการพิมพ์แสดงผล"+เป็นการแสดงผลที่คำนวณได้);
  println("Min="+min);
  println("Average="+average);
}
void drawColumn() { //เป็นการประกาศฟังก์ชั่น drawColumn โดย void จะกระทำเฉพาะในฟังก์ชั่นเท่านั้น
  int x = 50;
  int y = 300;
  int w = 70;
  int v = 180; 
  stroke(255, 255, 000);   //คือคำสั่งเกี่ยวกับการเติมสีเส้น โดย stroke (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
  strokeWeight (2); //เป็นการกำหนดความหนาของเส้น โดยstrokeWeight(ค่าความหนาของเส้น);
  line(0, y, 500, y); //เป็นการสร้างเส้น โดย line (ค่าพิกัดจุดเริ่มของx, ค่าพิกัดจุดเริ่มของy, ค่าพิกัดจุดสิ้นสุดของx, ค่าพิกัดจุดสิ้นสุดของy);
  while (i<B.length) { //เป็นคำสั่ง while ซึ่งหลักการคือ ถ้าเงื่อนไขที่กำหนดเป็นจริงจะกระทำตามที่เราสั่งไว้ ไปเรื่อยๆ จะกว่าเงื่อนไขนั้นจะเป็นเท็จ รูปแบบการเขียนคือ while (เงื่อนไข){คำสั่ง} โดยในข้อนี้สามารถอธิบายได้ว่า ขณะที่ i น้อยกว่าความยาวของตัวแปรชุด B นั้น จะสั่งให้เข้าเงื่อนไข if ไปเรื่อยๆ จนกว่าเงื่อนไขจะเป็นเท็จนั่นเอง
    if (i==0) { //เป็นการแสดงเงื่อนไขว่าถ้า i = 0 ให้เติมสี
      fill(255, 000, 153);
    }
    if (i==1) {//เป็นการแสดงเงื่อนไขว่าถ้า i = 1 ให้เติมสี
      fill(102, 255, 255);
    }
    if (i==2) {//เป็นการแสดงเงื่อนไขว่าถ้า i = 2 ให้เติมสี
      fill(153, 255, 000);
    }
    if (i==3) {//เป็นการแสดงเงื่อนไขว่าถ้า i = 3 ให้เติมสี
      fill(255, 000, 000);
    }
   
    rect(x, y, w, -B[i]*4);  //เป็นการสร้างรูปสีเหลี่ยม โดย rect (จุดเริ่มต้นของการวาดสี่เหลี่ยมตามแกนx, จุดเริ่มต้นของการวาดสี่เหลี่ยมตามแกนy, ค่าขนาดความกว้างตามแกนx, ค่าขนาดความกว้างตามแกนy, ค่าความโค้งมนของมุมสี่เหลี่ยมด้านบนซ้าย, ค่าความโค้งมนของมุมสี่เหลี่ยมด้านบนขวา, ค่าความโค้งมนของมุมสี่เหลี่ยมด้านล่างซ้าย, ค่าความโค้งมนของมุมสี่เหลี่ยมด้านล่างขวา);
    text(B[i]+"%", x, y-B[i]-200);
    rect(16, 162+v, 5, 5);
    text(A[i], 25, 170+v);
   
    x=x+110; //การเปลี่ยนค่าให้กับตัวแปร x โดยเพิ่มขึ้นทีละหนึ่งร้อยสิบ
    v=v+30;
    i=i+1;
  }
  fill(255,255,000); //เป็นการเติมสีให้กับรูปร่างที่เราสร้าง โดยfill(ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
   textFont(createFont("JasmineUPC", 22)); //เป็นคำสั่งกำหนดขนาด และแบบของตัวหนังสือ
   text("PERCENT",10,15);  //เป็นคำสั่งกำหนดตำแหน่งของตัวหนังสือที่พิมพ์ภายใต้ "__"
   text("TYPE",450,330);
}

ข้อมูลจาก National Statistical Office