JSFiddle - React, Tailwind, and code Playground

by Rui Leite

HTML

<div id="map"></div>

JavaScript

var r = Raphael(document.getElementById('map'), '2048', '1024');

var set = r.set();
set.push( 
    r.rect(1757.6, 39.4, 18.1, 44.9),
    r.rect(1736.5, 39.4, 18.1, 44.9),
    r.rect(1715.3, 39.4, 18.1, 44.9)
);

set.attr({
    fill: '#3953A4',
    stroke: 'none'
});


var glow;
set.hover( function() {
    glow = this.glow({
        width: 7,
        fill: true,
        opacity: 1,
        color: '#24d'
    });
}, function() {
    glow.remove();
});