JSFiddle - React, Tailwind, and code Playground

So, private fiddles are nonamed :(

by schrodingers

HTML

<script src="http://p5js.org/js/p5.min.js"></script>

JavaScript

/* Tree - p5.js
*/
wasabi = ['#FF4242', '#F4FAD2', '#D4EE5E', '#E1EDB9', '#F0F2EB'];
function setup() {
  createCanvas(800, 600);
  background(100, 220, 252, 250);
  

}

function draw() {
  stroke(wasabi[4]);
    translate(width / 3, height);
  branch(70, 5);
}
onclick=function(){branch(random(100),7);}
function branch(len, thick) {
  theta = random(0, PI/3);
  line(0, 0, 0, -len);
  translate(0, -len);
  len *= 0.66;
  //thick -= 0.1;

  if (len > 2) {
  push();
  rotate(theta);
  branch(len, thick);
  pop();

  push();
  rotate(-theta);
  branch(len, thick);
  pop(); 
  }

}