JSFiddle - React, Tailwind, and code Playground

JavaScript

(function () {
    function fireEvent(element,event) {
        if (document.createEventObject) {
            // dispatch for IE
            var evt = document.createEventObject();
            return element.fireEvent('on'+event,evt)
        } else {
            // dispatch for firefox + others
            var evt = document.createEvent("HTMLEvents");
            evt.initEvent(event, true, true); // event type,bubbling,cancelable
            return !element.dispatchEvent(evt);
        }
    }
    
    // Creates canvas 320 Ă— 200 at 10, 50
    var paper = Raphael(10, 50, 320, 200);
    
    // Creates circle at x = 50, y = 40, with radius 10
    var circle = paper.circle(50, 40, 10);
    
    // Sets the fill attribute of the circle to red (#f00)
    circle.attr("fill", "#f00");
    
    // Sets the stroke attribute of the circle to white
    circle.attr("stroke", "#fff");
    
    // Attach a click event handler
    circle.click(function () { alert('clicked') });
                                              
    // simulate a click after 1000ms
    setTimeout(function () { fireEvent(circle.node, 'click') }, 1000);
    
})();