如何将标记添加到图形中特定y值(y=1)处的线条？

// 创建SVG容器
var svg = d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 300);

// 创建线条生成器
var line = d3.line()
  .x(function(d, i) { return i * 50; })
  .y(function(d) { return d; });

// 创建数据
var data = [0, 1, 2, 3, 4, 1, 5, 6, 7, 8];

// 绘制线条
svg.append("path")
  .datum(data)
  .attr("d", line)
  .attr("fill", "none")
  .attr("stroke", "steelblue")
  .attr("stroke-width", 2);

// 添加标记
svg.selectAll("circle")
  .data(data)
  .enter()
  .append("circle")
  .attr("cx", function(d, i) { return i * 50; })
  .attr("cy", function(d) { return d; })
  .attr("r", function(d) { return d === 1 ? 5 : 0; })
  .attr("fill", function(d) { return d === 1 ? "red" : "none"; });