How can I draw curve lines using svg ?

Answer 1

<!--
M = moveto
5 = Horizontal position Start
155 = Vertical position Start

Q = quadratic Bézier curve
150 = Horizontal tilt Center
-300 = Vertical tilt Center

300 = Horizontal position End
0 = Vertical position End
-->
<path d="M 5 155 q 150 -300 300 0" stroke="#545de4" stroke-width="5" fill="none" /> <!--It's line-->

Answer 2

https://code.sololearn.com/W1iclcT6n7uI/#html

Answer 3

Jônatas Araripe how can we decide that how much the bend of the curve should be