var a_urban = [13.7755102,12.04081633,13.26530612,11.2244898,14.3877551,17.55102041,20.81632653,21.53061224,20.51020408,19.79591837,18.97959184,17.55102041];

​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  background(240); //bg of near white, 240 to make it good for screens

  stroke(140,140,140,70); //140 grey, 70 alpha

  strokeWeight(6); //half thickness

  //A_Urban lines

  for (var i = 0; i < 11; i++)

    {

      var pt1_x = (i*30)+30;

      line(pt1_x, -a_urban[i] * 10 + 400, pt1_x + 30, -a_urban[i+1] * 10 + 400);

    }

  //A_Rural lines

  stroke(0,0,0,70);

  for (var i = 0; i < 11; i++)

    {

      var pt1_x = (i*30)+30;

      line(pt1_x, -a_rural[i] * 10 + 400, pt1_x + 30, -a_rural[i+1] * 10 + 400);

    }

  //A_urban points

  stroke(140);

  strokeWeight(14);  // Draw thicker dots

  for (var i = 0; i < 12; i++)

    {

      point((i * 30) + 30, -a_urban[i] * 10 + 400);

    }

  //A_Rural points

  stroke(0);

  for (var i = 0; i < 12; i++)

    {

      point((i * 30) + 30, -a_rural[i] * 10 + 400);

    }

}