JSFiddle - React, Tailwind, and code Playground

HTML

<div id="result"></div>

<!-- пример сайта know-online.com -->

CSS

#result {
    width:150px;
    height:100px;
}

JavaScript

var canvas  = Raphael("result"); // граница рисования

// ellipse( x, y, ширина, высота )
var ellipse = canvas.ellipse(30, 30, 15, 15).attr({
    'fill':'#00F',
    'stroke':'#00F'
});

// circle( x, y, диаметр )
var circle = canvas.circle(110, 30, 15).attr({
    'fill':'#800',
    'stroke':'#800'
});

// rect( x, y, ширина, высота )
var rect = canvas.rect(55, 15, 30, 30).attr({
    'fill':'#0F0',
    'stroke':'#0F0'
});