使用D3.js，我可以使用键盘聚焦SVG图表中的数据点吗？

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

// 创建数据点
var data = [10, 20, 30, 40, 50];
var circles = svg.selectAll("circle")
  .data(data)
  .enter()
  .append("circle")
  .attr("cx", function(d, i) { return i * 50 + 50; })
  .attr("cy", 50)
  .attr("r", 20)
  .attr("class", "data-point"); // 添加CSS类作为标识符

// 添加键盘事件监听器
d3.select("body")
  .on("keydown", function() {
    var keyCode = d3.event.keyCode;
    var focusedCircle = null;

    // 根据按键确定聚焦的数据点
    switch (keyCode) {
      case 37: // 左箭头键
        focusedCircle = d3.select(".data-point:nth-child(1)");
        break;
      case 39: // 右箭头键
        focusedCircle = d3.select(".data-point:nth-child(3)");
        break;
      // 其他按键的处理...
    }

    // 根据聚焦的数据点执行交互操作
    if (focusedCircle) {
      // 修改样式、显示详细信息等操作...
    }
  });