JSFiddle - React, Tailwind, and code Playground

HTML

<h1>The drawing</h1>
<figure id="drawing"></figure>

JavaScript

var paper = Raphael("drawing", 300, 300);
var a = paper.circle(100,100,5);
a.attr("fill", "red");
var b = paper.circle(250,100,5);
b.attr("fill", "blue");
var c = paper.circle(175,75,5);
c.attr("fill", "green");
var curved_line = paper.path("M100,100 C 150,50 200,50 250,100");
var d = Raphael.getPointAtLength("M100,100 C 150,50 200,50 250,100",4);
var e = paper.circle(d.x, d.y, 5);
e.attr("fill", "green");