JSFiddle - React, Tailwind, and code Playground

HTML

<div id="holder"></div>

JavaScript

window.onload = function() {

    var r = Raphael("holder");
    r.height = 400;
    r.width = 300;
    var scale = 0.75;
    var set = r.set();

    var red = r.rect(50, 50, r.width / 3, r.height / 4).attr({
        fill: "#F00"
    });
    var blue = r.rect(170, 50, r.width / 3, r.height / 4).attr({
        fill: "#00F"
    });

    set.push(red, blue);

    set.mouseover(function() {
        alert('about to animate');
        set.animate({
            scale: scale + ',' + scale + ',155,100'
        }, 1000, '<>', function() {
            alert('callback');
            scale = scale == 1 ? 0.75 : 1;
        });
    });

    set.dblclick(function() {
        this.remove();
    });
}