Week 7 Challenge

Amazing! One possible improvement here would be to snap those lines to the nearest point and show the values.

Would have liked to fix the color legend and add hover over with additional data.

Nice! That's an excellent idea.

Try modifying this definition of the color scale to use scaleOrdinal

  const altColorScale = scaleSequential(
    extent(yearlyData, lineValue),
    interpolateTurbo,
  );

That could be the cause of the issue with the color legend only showing two values.

Something like this:

  const colorScale = scaleOrdinal()
    .domain(data.map(colorValue))
    .range(schemeCategory10);