JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/DmitryBaranovskiy/g.raphael/raw/master/g.raphael-min.js"></script>

JavaScript

var r = Raphael(10,10,320,240);
var rc = r.circle(100,80,20).attr('fill', 'red');
var ys = r.rect(200.5,100.5,40,40).attr('fill','yellow');
var br = r.rect(80.5,150.5,80,40).attr('fill','blue');
var rcp = r.g.popup(100,60,'Red circle').hide();
var ysp = r.g.flag(240,100,'Yellow square',45).hide();
var brp = r.g.tag(150,180,'Blue rectangle',-15).hide();
rc.hover(function(){rcp.show();},function(){rcp.hide();});
ys.hover(function(){ysp.show();},function(){ysp.hide();});
br.hover(function(){brp.show();},function(){brp.hide();});