taiwan jobs / income

var data, useData = []

function easeOutQuart(x){

return 1 - pow(1 - x, 4);

}

function preload() {

  data = loadJSON("taiwan-jobs-income.json");

}

function setup() {

  data = Object.values(data);

  // for(let d of data){

  //  if(d){

  //    useData.push(d)

  //  }

  // }

  createCanvas(windowWidth, windowHeight);

  background("#182066");

}

​

function draw() {

  let animationProgress = easeOutQuart(map(frameCount, 0, 300, 0, 1, true))

  for(var i = 0; i <data.length; i++){

    translate(50,0);

    push()

      stroke(255);

      fill(235, 131, 154, 255);

      let d = data[i]

      rect(i*50, 0, 50, d.本業薪資*0.0008*animationProgress);

      translate(i*50, 0);

      rotate(radians(90));

      noStroke();

      fill("#FFF")

      text(d.行業,10,-20)

      text(d.本業薪資,175,-20)

    pop()

  }

}