Line

Layers compose: an <area> under a <line> under <points>. They share the plot's scales, and are drawn in document order.

Charts 452 × 292 <area><data><line><plot><points><record>

Result

Source examples/line.svgn

<diagram padding="26">
  <!-- Layers compose: an <area> under a <line> under <points>. They share the
       plot's scales, and are drawn in document order. -->
  <data name="traffic">
    <record t="0" v="10"/>
    <record t="1" v="25"/>
    <record t="2" v="18"/>
    <record t="3" v="40"/>
    <record t="4" v="34"/>
    <record t="5" v="56"/>
    <record t="6" v="48"/>
  </data>

  <plot data="traffic" width="400" height="240">
    <area   x="t" y="v"/>
    <line   x="t" y="v"/>
    <points x="t" y="v" r="3"/>
  </plot>
</diagram>

Open the SVG →