JSFiddle - React, Tailwind, and code Playground

by linzoey

JavaScript

var draw = SVG().addTo('body').size(1080, 1920)

var path4 = draw.path('M10,20 C15,15 17,15 20,20 S28,18 28,18 M26.1,20 C30,15 33,15 35,20 S43,18 43,18 M42.5,19 C43,17 49,15 50.5,20 S60,18 60,18')
path4.fill('none').move(20, 20)
path4.stroke({ color: 'gray', width: 3 })

path4.animate(1500).ease('-').plot('M10,20 C15,25 17,25 20,20 S28,22 28,22 M26.1,20 C30,25 33,25 35,20 S43,22 43,22 M42.5,21 C43,23 49,25 50.5,20 S60,22 60,22').move(20, 20);