createCanvas(600, 400);

  translate(width/2,height/2);

  background(255,255,255);

  line(-width/2,0,width/2,0);

 // line(0,-height/2,0,height/2);

  plot(-1.5,1.5,f,1000);

}

​

function draw() {

​

}

function f(x){

  return -exp(-x*x);

}

​

function plot(a,b,f,n){

  for(let i=1;i<=n;i++){

    line(100*(a+((b-a)*(i-1))/n),100*f(a+((b-a)*(i-1))/n),100*(a+((b-a)*i)/n),100*f(a+((b-a)*i)/n));

  }

  stroke(0,0,255,50);

  for(let i=0;i<=n;i++){

    if(100*(a+((b-a)*(i-1))/n) <=-50){

      stroke(0,0,255,50);

    }

    else{

      stroke(0,100,255,50);

    }

    line(100*(a+((b-a)*(i-1))/n),0,100*(a+((b-a)*(i-1))/n),100*f(a+((b-a)*(i-1))/n));

  }

  let p=createP();

  p.position(width/2+100,140);

  p.style('font-size','10px');

  katex.render("f_X(x)",p.elt);

  let pp=createP();

  pp.position(width/2-50,192);

  pp.style('font-size','10px');

  katex.render("Q_p",pp.elt);

  stroke('black');

  strokeWeight(3);

  point(-50,0);

  let pp1=createP();

  pp1.position(width/2-80,150);

  pp1.style('font-size','10px');

  katex.render("p",pp1.elt);

    let pp2=createP();

  pp2.position(width/2+40,150);

  pp2.style('font-size','10px');

  katex.render("1-p",pp2.elt);

}