JSFiddle - React, Tailwind, and code Playground

HTML

<div id=holder></div>

JavaScript

var paper = new Raphael('holder', 400, 100);

var set = paper.set();

for(var i = 0; i < 10; i++) {
    var circle = paper.circle((i * 30) + 30, 20, 5);
    circle.attr({ fill: '#ff0' });
    circle.animate(Raphael.animation({ transform: 's2,2' }, 2000).repeat('Infinity'));
    
    set.push(circle);
}

set.hover(function() {
    set.pause();
}, function() {
    set.resume();
});