Изменение цвета точки на точечной диаграмме с помощью прокрутки

Question

У меня есть диаграмма рассеяния, в которой используются три разных CSV-файла. Следующий Javascript управляет размещением точек из одного из этих CSV:

svg.append('g')
    .selectAll("dot")
    .data(files[2])
    .enter()
    .append("circle")
      .attr("cx", function (d) { return x(d.Index); } )
      .attr("cy", function (d) { return y(d.Value); } )
      .attr("r", 4)
      .style("fill", function (d, i) { 
      if(i === 0) {
        return "#f05050"
      } else {
        return "#d3d3d3"
      }
    
    })

Прямо сейчас точки из этого CSV серые, за исключением точки в индексе 0, которая красная. Моя диаграмма рассеяния остается на месте, когда я прокручиваю, и слева от нее есть текст, который прокручивается. Мой вопрос: как я могу изменить точку в индексе 0 на красную после прокрутки на определенное расстояние? Заранее спасибо.