Learn Coding
Visually

const FG_COLOR = "#ff1c81"; // pink

function setup(p) {
    p.createCanvas(p.windowWidth, p.windowHeight);
    p.background('#004b64');
    p.noLoop();
    p.stroke(255);
    p.strokeWeight(2);
    p.angleMode(p.DEGREES);
}

function draw(p) {
    p.translate(p.width / 2, p.height / 2);
    p.rotate(45 / 2);
    branchComponent(p, 45, 4, 60);
}

function branch(p, len, angle, gen) {
    p.line(0, 0, 0, -len);
    p.translate(0, -len);
    len *= 0.7;
    angle = p.random(angle - 30, angle + 20);

    if (len > 2) {
        p.push();
        p.rotate(angle);
        branch(p, len, angle, gen);
        p.pop();

        p.push();
        p.rotate(-angle);
        branch(p, len, angle, gen);
        p.pop();
    }
}

function windowResized(p) {
    resizeCanvas(p.windowWidth, p.windowHeight);
}

function branchComponent(p, len, amount, angle) {
    p.stroke(FG_COLOR);
    const increment = 360 / amount;
    let rotAmount;

    for (let i = 0; i < amount; i++) {
        p.push();
        rotAmount = -180 + increment * i;
        p.rotate(p.random(rotAmount - 60, rotAmount));
        branch(p, len, angle, 1);
        p.pop();
    }
}

export {draw, setup};