* @name Instantiation

 * @description Create a p5 instance, which keeps all variables

 * out of the global scope of your page.

 */

let vis = function(p) {

  let x = 100;

  let y = 100;

  p.keyPressed = function() {

  }

​

  p.setup = function() {

    let parentElt = select("#vis-parent");

    let parentSize = parentElt.size();

    let myCanvas = p.createCanvas(700, 410);

    myCanvas.parent("#vis-parent");

  };

​

  p.draw = function() {

    p.background(0);

    p.fill(255);

    p.rect(x, y, 50, 50);

  };

};

​

let myp5 = new p5(vis);

​

// Compare to "global mode"

// let x = 100;

// let y = 100;

​

// function setup() {

//   createCanvas(200,200);

// }

​

// function draw() {

//   background(0);

//   fill(255);

//   ellipse(x,y,50,50);

// }

​