javascript d3剔除clippath之外的d3值

Question

我正在构建时间轴图形，其中x轴是时间，y轴是从csv中选择的列中的鉴别值。

从本质上讲，它从键列中提取唯一值并将其设置为y轴上的单独行

在上面的示例中，左侧的随机数字是一列中的唯一值。之所以这样做，是因为我希望所有使用相同唯一键的时间范围值都出现在同一行中。

我正在测试延迟，现在正在苦苦挣扎，有6000个唯一的键都在显示（如果您向下拖动则显示更多）。为了保持速度，我想完全剔除不在剪切路径矩形集中的所有值。

例如，当前有6000个组节点，在dom内有成千上万个不可见或未绘制的矩形。所有这些值的转换的更新导致严重的滞后。

是否有一种有效的方法来仅对剪切路径范围内的值进行有效测试并输入/退出它们，以便仅实际绘制可见的内容？我本质上是在寻找一种将dom节点完全剔除以加快处理速度的方法。