javascript - d3 可视化数据的最佳实践？

Question

我正在开展一个项目，其中使用 d3 在散点图中可视化数据点。由于是web应用，区域有限，很多点重叠。总共有 20k 个点，我允许用户使用画笔(及其范围)放大区域，但即使放大，仍然有大量的点重叠。这种情况的一个例子:

有什么好的方法可以使底层点可视化，以增强对点的看法或感知？我在考虑是否可以使用透明度，但我不知道这是否可行。

可能值得注意的是，所有点都代表基因，因此就表示而言，对它们进行聚类可能不是很合乎逻辑。

Answer 1

我建议尝试 d3 的 fisheye plug-in .它允许您使用鼠标缩放和扭曲比例，让您放大区域。

您可以在此处的页面下方看到它与散点图/气泡图一起使用的示例:http://bost.ocks.org/mike/fisheye/

此外，如果你有重叠，我会增加不透明度，这样你就可以看到哪些点有很多重叠，哪些点没有。

这是我使用鱼眼和不透明度创建的具有非常聚集点的示例图:http://crclayton.com/projects/fisheye/

它还允许您将鼠标悬停在各个点上以查看包含有关它们的更多详细信息的工具提示。