JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"/>

CSS

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

JavaScript

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

// Rotation settings
var handAngle = 45,
    centerX = 200,
    centerY = 200;

// Animation
triangle.animate({transform: "r60" + "," + centerX + "," + centerY}, 2000);