//Data Variables: sun, mon, tue, wed, thu, fri, sat 
int[] data = {3,1,4,3,3,4,5};
String[] labels = {
  "SUN", "MON", "TUE", "WED", 
  "THU", "FRI", "SAT"
};
int total;
float[] perc = new float[7];

//The sketch variables
// The sketch variables
float x, y, barL, barH;
float startX, startY, stopX, stopY;

color [] colors = {
  color(238, 118, 0), // sunday
  color(123, 165, 248), 
  color(7, 57, 1), 
  color(255, 246, 63), 
  color(255, 0, 0), 
  color(0, 255, 0), 
  color(0, 0, 255)     // saturday
};
//float h, s, b;

void setup(){
  size(500,500);
  background(255);
  smooth();
  noLoop();

  // process
  // compute the total population
  total = 0;
  for (int i=0; i < data.length; i++) {
    total += data[i];
  }

  // compute percentages
  for (int i=0; i < data.length; i++) {
    perc[i] = float(data[i])/total;
  }

  // bar/sketch variables
  barL = width-100;    // length of the bar to be divided
  barH = 50;
  x = 50;
  y = (height-barH)/2.0;

//  h = 240;
//  s = 0;
//  b = 87;

}//setup

void draw(){ 
//  colorMode(HSB, 100);
  startX = x;
  startY = y;
  stopX = startX;
  stopY = startY;
  for (int i=0; i < perc.length; i++) {
    // set up pie parameters for ith bar
    startX = stopX;
    startY = stopY;
    stopX = startX + perc[i]*barL;

    // draw the bar
    noStroke();
    fill(colors[i]);
    //fill(h, 100/7*i, b);
    rect(startX, startY, stopX-startX, barH);

    // legend
    stroke(0);
    fill(0);
    textSize(12);
    if (i%2 == 0) {
      line(startX, startY+barH, startX, startY+barH+10);
      text(labels[i], startX, startY+barH+10+12);
    }
    else {
      line(startX, startY, startX, startY-10);
      text(labels[i], startX, startY-10);
    }
  }
    
  // draw title
  fill(0);
  textSize(24);
  rectMode(CENTER);
  text("Births by Day of Week", 105, 50);
}