JSFiddle - React, Tailwind, and code Playground

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"});
    // to rotate with center point 200,200, works fine
    triangle.rotate(80,200,200);
        
    // to animate ??
    triangle.animate({rotation:100,cx:200,cy:200},1000,'<>');
    // doesn't work