Scatter

A numeric x makes the x-axis a LINEAR scale (not band). <points> is a scatter layer; fill="score" colours each point by a color scale.

Charts 412 × 312 <data><plot><points><record>

Result

Source examples/scatter.svgn

<diagram padding="26">
  <!-- A numeric x makes the x-axis a LINEAR scale (not band). <points> is a
       scatter layer; `fill="score"` colours each point by a color scale. -->
  <data name="scores">
    <record hours="1" score="52"/>
    <record hours="2" score="61"/>
    <record hours="3" score="58"/>
    <record hours="4" score="72"/>
    <record hours="5" score="79"/>
    <record hours="6" score="85"/>
    <record hours="8" score="92"/>
  </data>

  <plot data="scores" width="360" height="260">
    <points x="hours" y="score" fill="score" r="6"/>
  </plot>
</diagram>

Open the SVG →