думаю можно попробовать это сделать с помощью canvasзадаётся поле<canvas id="canv" width="500" height="500"></canvas>
и затем в тегах script пишется код<script>
var canvas=document.getElementById("canv");
var x=canvas.getContext("2d");
x.quadraticCurveTo(250, 120, 280, 80);
x.quadraticCurveTo(250, 100, 220, 80);
</script>
quadraticCurveTo - это функция для рисования кривой, параметры сейчас не помню точно (в интернете найти можно), там параметры задают начальную, конечную и прогиб. значения в функции примерные
также у canvas есть функции для рисования кружков, овалов и так далее
ответьте, если получится