JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id = "cgCanvas" width = "200px" height = "200px">

JavaScript

window.onload = function() {
    var cv = document.getElementById("cgCanvas");
    var c = cv.getContext("2d");
    c.moveTo(60,140);
    c.lineTo(60,190);
    c.moveTo(57.5,190);
    c.lineTo(137.5,190);
    c.moveTo(135,140);
    c.lineTo(135,190);
    c.lineWidth = 5;
    c.strokeStyle = "#5E";
    c.stroke();
    for(i=0;i<6;i++) {
        c.beginPath();
        var b=a=1;
        if(i==5) {
            a=3;
            b=1.3;
        } else if(i==4) a=2;
        x=94+i*9;
        y=94-i*5;
        z=95-i*19;
        c.moveTo(122.5+i*i,180-i*15);
        c.lineTo(72.5+i*i+i*i*b,180-i*15-i*i*i+i*i*a);
        c.lineWidth = 8;
        c.strokeStyle = 'rgb('+ x +','+ y +','+ z +')';
        c.stroke();
    }
};