d3-force：在过滤/移除节点时保持图形紧凑

在使用d3-force库时，可以通过以下代码示例实现在过滤或移除节点时保持图形紧凑：

首先，我们需要创建一个d3力导向图，并设置各种力的参数，包括节点之间的距离、引力和斥力等。

// 创建一个力导向图
var simulation = d3.forceSimulation(nodes)
  .force("charge", d3.forceManyBody().strength(-50))
  .force("link", d3.forceLink(links).distance(30))
  .force("center", d3.forceCenter(width / 2, height / 2));

接下来，我们可以定义一个函数来过滤或移除节点，并在节点被过滤或移除后重新启动力导向图的模拟。

// 定义一个函数来过滤或移除节点
function filterNodes(filter) {
  // 根据过滤条件来更新节点数组
  var filteredNodes = nodes.filter(filter);
  
  // 更新力导向图的节点数据
  simulation.nodes(filteredNodes);
  
  // 重新启动力导向图的模拟
  simulation.alpha(0.8).restart();
}

// 调用函数来过滤或移除节点
filterNodes(function(d) {
  // 这里是一个示例，可以根据具体的过滤条件来修改
  return d.group !== "A";
});

在上面的代码中，我们定义了一个filterNodes函数来过滤或移除节点。该函数接受一个过滤函数作为参数，该函数用于确定哪些节点应该被保留。在函数内部，我们通过调用nodes.filter(filter)来根据过滤条件更新节点数组。然后，我们通过调用simulation.nodes(filteredNodes)来更新力导向图的节点数据。最后，我们通过调用simulation.alpha(0.8).restart()来重新启动力导向图的模拟。

请注意，在过滤或移除节点后，可能需要手动调整力导向图的其他参数，如链接的距离等，以保持图形的紧凑性。

希望这个示例可以帮助到你！