function setup() {

  createCanvas(400, 400);//creates a canvas where (0,0) is the top left corner and (400,400) is the bottom right corner.

  noLoop(); //p5.js Since this is a fixed image, there will be no looping.

}

​

function draw() {

  background(0);//set the background to black

  fill(200, 249, 252);//set the color for the triangle

  triangle(200,20,50,350,350,350);//draw a triangle(x1,y1,x2,y2,x3,y3)

  fill(0);//set color for the next text command

  text('Rational Numbers',150,320);//write text

  fill(210, 249, 252)

  triangle(200,20,80,300,320,300);

  fill(0);

  text('Integers',180,290)

  fill(220, 249, 252)

  triangle(200,20,110,260,290,260);

  fill(0);

  text('Whole Numbers',160,250)

  fill(230, 249, 252)

  triangle(200,20,140,220,260,220);

  fill(0);

  text('Natural Numbers',160,210)

  fill(240, 249, 252)

  triangle(75,20,5,90,145,90);

  fill(0);

  text('Irrational Numbers',25,82)

  fill(255,255,255)

  textSize(20);

  text('Real Numbers',250,20)

}