​

const urlGoogleSheet =

  "https://docs.google.com/spreadsheets/d/1DTh1YWEAFw0_IBg-QnLlxW9zLBTJSU3ezxiEX0J_2pY/edit#gid=0";

​

function preload() {

  sheet = loadSheet(urlGoogleSheet);

}

​

function setup() {

  createCanvas3D(600, 400);

  background3D("#333");

  align(TOP);

  const baseW = 0.2;

  const baseD = 0.2;

​

  var histogram = beginGroup();

  for (let row = 0; row < sheet.rows.length; row++) {

    for (let col = 0; col < sheet.cols.length; col++) {

      diffuse(randomColor());

      var x = col * 0.2

      var z = row * 0.2

      var value = sheet.get(col, row);

      var h = map(value, 0, 1, 0.1, 2);

      box(x, 0, z, baseW, h , baseD);

    }

  }

  endGroup();

  histogram.setPosition(-2.5,0, -2.5);

}

​

function draw() {}