JSFiddle - React, Tailwind, and code Playground

by demee

HTML

<div id="canvas"></div>

CSS

#canvas {
    width: 320px; 
    height: 200px; 
}

JavaScript

var p = Raphael('canvas'); 

var l = p.path('M 10 50 L 10 10'); 

l.animate({path: "M600,350 L 650,325\
            A25,25  -30 0,1  700,300 L  750,275\
            A25,50  -30 0,1  800,250 L  850,225\
            A25,75  -30 0,1  900,200 L  950,175\
            A25,100 -30 0,1 1000,150 L 1050,125"}, 1000, '<>');

var r = p.rect(10, 10, 20, 20);
r.animate({x: 50}, 1000, '<>');