title: d3 scatterplot display data year-by-year
body: <p>So, I am creating a scatter plot using d3.js v6. All the data values have a year attribute.  On click of a button, the plot should transition automatically to each year. So, if the data has years 2000, '01, '02.... the graph should initially plot the data of the year 2000, then should transition to '01 in the next frame, and so on.
  I have seen some examples and questions, but I couldn't understand them or find a tutorial. It would be great if you could help me or lead me to some tutorials.</p>
  <p>Thank you in advance.</p>