My json

var data;

var temp1,temp2,temp3;

var range = 12;

var lastX, lastY;

var angle = 0;

​

function showData(data) {

  // println(data.currently.temperature);

  for (var i=0; i<range; i++) {

    noFill();

    strokeWeight(0.5);

    var temp = data.hourly.data[i].temperature;

    var humi = data.hourly.data[i].humidity;

    if (temp > 80) {stroke(255,0,0);} else {stroke(0,0,255);}

    rect(0, 0, 50*i, 50*i);

  }

//   temp1 = data.hourly.data[0].temperature;

//   temp2 = data.hourly.data[1].temperature;

//   temp3 = data.hourly.data[2].temperature;

//   if (temp1 > 80) {fill(255,0,0);} else {fill(0,0,255);}

//   rect(-200,0,100,100);

//   if (temp2 > 80) {fill(255,0,0);} else {fill(0,0,255);}

//   rect(0,0,100,100);

//   if (temp3 > 80) {fill(255,0,0);} else {fill(0,0,255);}

//   rect(200,0,100,100);

}

​

function setup() {

  rectMode(CENTER);

  lastX = 0;

  lastY = 0;

  createCanvas(windowWidth, 500);

  smooth(8);

  loadJSON('https://api.darksky.net/forecast/4c2a126163d2d3e03d7c53162cf5f797/22.267024,114.237801',showData,'jsonp');

  // data = loadJSON("https://goo.gl/aFfmCT",showData,"jsonp");

}

​

function draw() {

  translate(width/2,height/2);

  rotate(radians(angle));

  angle++;

}