JSFiddle - React, Tailwind, and code Playground

by mbutubuntu

HTML

<script src="https://raw.github.com/DmitryBaranovskiy/raphael/master/raphael.js"></script>
<div id="svg">

</div>

JavaScript

var paper = new Raphael(document.getElementById('svg'), 320, 200);
var circle = paper.circle(50, 40, 10);
circle.attr("fill", "#f00");
circle.attr("stroke", "#fff");

var circ = paper.circle(100, 110, 40);
circ.attr("fill", "#00ccff");

var c = paper.rect(70, 10, 50, 50, 10);
c.attr("fill", "#000");
var t = paper.text(50, 50, "Hello Folks");

c.animate({rotation: 360}, 2000, 'bounce');