d3可视化数据的最佳实践?

时间:2015-06-01 14:25:44

标签: javascript d3.js visualization data-visualization

我正在开发一个项目,使用d3在散点图中显示数据点。由于它是一个Web应用程序,该区域是有限的,并且许多点重叠。总共有20k点,我允许用户使用画笔(及其范围)放大区域,但即使放大,仍然存在大量的点重叠。这种情况的一个例子:

enter image description here

有什么好方法可以使基础点可视化,增强观点或对点数的感知?我在考虑使用透明度,但我不知道是否会这样做。

值得注意的是,所有点都代表基因,因此将它们聚类在表示方面可能不是很合理。

2 个答案:

答案 0 :(得分:4)

如果感兴趣的是数据点的数量,那么您可以群集点(在客户端/服务器端)。如果地图有太多标记(example cluster map),您通常会看到此模式。

修改

我仍然不确定我是否正朝着正确的方向前进。要可视化点的数量,您可以使用3D可视化。以下是Software Cities项目的想法:

enter image description here

你基本上可以渲染平面上点的位置并创建垂直圆柱 - 同一点上的点越多,圆柱越高。

答案 1 :(得分:4)

我建议尝试d3' Waiting till button is pressed。它允许您使用鼠标缩放和扭曲比例,让您放大区域。

您可以在此处看到与页面下方的散点图/气泡图一起使用的示例:fisheye plug-in

enter image description here

此外,如果你有重叠,我会增加不透明度,所以你可以看到哪些点有很多重叠而不是点。

这是我使用鱼眼和不透明度创建的非常聚集点的示例图:http://bost.ocks.org/mike/fisheye/

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

enter image description here