My json

var data;

var temp1,temp2,temp3;

var range = 12;

​

function showData(data) {

  // println(data.currently.temperature);

  translate(0, height/2);

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

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

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

    ellipse(width/range*i+50, 0, 100, 100);

  }

//   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);

  createCanvas(windowWidth, 500);

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

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

}

​

function draw() {

}