Reactjs 高效放大D3散点图（React和D3实现）

我正在使用D3和React创建n个点的交互式散点图，我希望启用缩放/平移

我正在关注（及其codepan实现）。我的主要问题是，每次发生缩放事件时，这种方法都会重新渲染绘图，导致n增加时出现延迟

我当前数据集的n值约为3000点（并且滞后），然而，我正在寻找一种可扩展到约100万点的方法

---

使用D3可以可视化的最大数据点数量通常是多少而不会导致页面延迟？有没有一种有效的方法来实现这一点？

在我看来，散点图上的一百万个数据点太多了。看看如何将其转换为密度图或热图，如图@SimonD我的问题中缺少的一个部分是，它将是一个交互式可视化，而不仅仅是一个视图（在这种情况下，您的想法将非常好）。我发现D3上有一个包装器，它使用WebGL进行更快的处理（）。我现在正在努力理解和再现。