JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://github.com/DmitryBaranovskiy/raphael/raw/master/raphael.js"></script>

CSS

body {
    background-color: black;
}

JavaScript

$(document).ready(function() {
    // Strange behavior indeed...
    // The glows never fully disappear... bug?
    // Larger circle
    var paper = Raphael(0, 0, 360, 360);
    var myCircle = paper.circle(180, 180, 30).attr('stroke', '#FFF');
    myCircle.attr("fill", "#CCC");
    myCircle.hover(
     // When the mouse comes over the object //
     // Stock the created "glow" object in myCircle.g
     function() {
         this.g = this.glow({
             color: "#FFF",
             width: 100
         });
     },
     // When the mouse goes away //
     // this.g was already created. Destroy it!
     function() {
         this.g.remove();
     });
});