JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

window.onload = function() {
    var cv = document.getElementById("c");
    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.5;
            b=1.3;
        } else if(i==4) a=2;
        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-1)*a);
        c.lineWidth = 8;
        c.strokeStyle = 'rgb('+(94+i*9)+','+(94-i*5)+','+(95-i*19)+')';
        c.stroke();
    }
};