Question

How to draw polyline (connected lines with points) with SVG two-dimensional vector graphics in HTML

Answer 1

<svg width="600" height="600">    
   <polyline points="10,20 30,60 120,40 160,60" style="stroke:rgb(255,0,0);stroke-width:2"/>
</svg> 

 

70+ SQL courses for beginners and professionals

Answer 2

<svg width="600" height="600">    
   <polyline points="20,20 50,20 80,40 100,140 160,200 260,200" 
             style="stroke:rgb(255,0,0);stroke-width:2"/>
</svg> 

 

70+ SQL courses for beginners and professionals