JSFiddle - React, Tailwind, and code Playground

by nagoba

HTML

<div id="container"></div>

CSS

#container{
    width:400px;
    height:400px;
    }

JavaScript

var svg = Raphael("container",400,400);
    
    var triangle = svg.path("M210 200L190 200L200 100Z").attr({fill:"#000"});

    var circle = svg.circle(200,200,5).attr({fill:"#f00"});

            triangle.rotate(270,200,200);
   triangle.animate({rotation:"450 200 200"},1000,'<>');