let MAGENTA50 = "#dc267f";

let GOLD20 = "#ffb000";

​

function setup() {

  createCanvas(410, 410);

  createControls();

  //frameRate(2);

  scene = new Scene();

  background(20);

  drawGraph();

}

​

function draw() {}

​

function drawGraph() {

  grp1 = create2DPolarGraph(

    (t) =>

      2.5 *

      ((Math.sin(t) * Math.sqrt(Math.abs(Math.cos(t)))) /

        (Math.sin(t) + 7 / 5) -

        2 * Math.sin(t) +

        2),

    [0, 4 * Math.PI]

  );

  grp1.size(400, 400);

  grp1.stroke(color("#00f"));

​

  config = {

    graphColor: `#ed225d`,

    xAxis: "false",

    yAxis: "false",

    tickX: "false",

    tickY: "false",

    //tickColor: "yellow",

    smallGridColor: ULTRAMARINE40,

    gridColor: MAGENTA50,

    originX: 0,

    originY: 4,

    arrowFollowerColor: "green",

  };

  grp1.configure(config);

  grp1.axis();

  grp1.plot();

  grp1.position(5, 5);

  grp1.arrow(60000);

​

  equation = createTeX(

    ` r(\\theta)=2-2sin(\\theta)+sin(\\theta)\\frac{\\sqrt{|cos(\\theta)|}}{(sin(\\theta)+\\frac{7}{5})} `

  );

  equation.stroke(color(119, 198, 210));

  equation.fill(color(119, 198, 210));

  equation.position(45, 115);

  equation.size(18);

  equation.play("createFill", 0, 3);

}

​