JSFiddle - React, Tailwind, and code Playground

by neosoyn

HTML

<div id="canvas"></div>

JavaScript

window.onload = function() {
    var r = Raphael("canvas", 200, 200), 
        p = r.path("M10,50C10,100,90,0,90,50C90,100,10,0,10,50Z").attr({stroke: "#ddd"}),
        e = r.ellipse(10, 50, 4, 4).attr({stroke: "none", fill: "#f00"});
        r.rect(0, 0, 200, 200).attr({stroke: "none", fill: "#000", opacity: 0}).click(function () {
            e.attr({rx: 5, ry: 3}).animateAlong(p, 4000, true, function () {
                e.attr({rx: 4, ry: 4});
            });
        });
};