D3-多节点的拖拽选择

使用D3的力学模拟（d3.forceSimulation）和拖拽事件（d3.drag）实现多节点的拖拽选择。

具体实现步骤如下：

1. 创建力学模拟器，并设置力学参数，如节点间的作用力和摩擦力等。
2. 创建SVG元素，将节点和连线渲染到SVG上。
3. 为每个节点绑定拖拽事件，定义拖拽过程中的行为。
4. 在拖拽结束时，根据拖拽选区的位置，选择满足条件的节点，并进行相应的处理。

代码示例：

// 创建力学模拟器
const simulation = d3.forceSimulation(nodes)
  .force("charge", d3.forceManyBody())
  .force("link", d3.forceLink(links).distance(10).strength(1))
  .on("tick", ticked);

// 创建SVG元素
const svg = d3.select("svg");
const g = svg.append("g")
  .attr("class", "everything");

// 渲染节点和连线
const link = g.selectAll(".link")
  .data(links)
  .enter().append("line")
  .attr("class", "link");

const node = g.selectAll(".node")
  .data(nodes)
  .enter().append("circle")
  .attr("class", "node")
  .attr("r", 5);

// 定义拖拽事件
const drag = d3.drag()
  .on("start", dragstart)
  .on("drag", dragged)
  .on("end", dragend);

function dragstart(d) {
  if (!d3.event.active) simulation.alphaTarget(0.3).restart();
  d.fx = d.x;
  d.fy = d.y;
}

function dragged(d) {
  d.fx = d3.event.x;
  d.fy = d3.event.y;
}

function dragend(d) {
  if (!d3.event.active) simulation.alphaTarget(0);
  d.fx = null;
  d