Table of Contents

About

en-US/docs/Web/SVG/Element/polyline

Syntax

<polyline 
  points="series of x y coordinates (separated optionally by a comma)"
  stroke="lightBlue" 
  fill="transparent" 
  stroke-width="1"/>

Example

<svg width="300px" viewBox="0 0 90 40" version="1.1" xmlns="http://www.w3.org/2000/svg">

  <polyline 
      points="60,10 65,20 70,15 75,30 80,25"
      stroke="lightBlue" 
      fill="transparent" 
      stroke-width="1"/>

  <!-- Points Representation-->
  <circle cx="60" cy="10" r="2" fill="red"/>
  <circle cx="65" cy="20" r="2" fill="red"/>
  <circle cx="70" cy="15" r="2" fill="red"/>
  <circle cx="75" cy="30" r="2" fill="red"/>
  <circle cx="80" cy="25" r="2" fill="red"/>
</svg>