2012-11-20 43 views
1

我需要一些关于如何改进制图信息可视化的建议。改进制图可视化

用户可以选择不同的物种,并且webmapping应用程序显示其地理分布(多边形程度细胞),每种物种都有一定的颜色范围(例如,我们可以找到更多信息的颜色较深,橙色较浅,而信息较少)。

问题是当多个物种重叠时。我目前所做的只是计算两种颜色的加色混合,使用http://www.xarg.org/project/jquery-color-plugin-xcolor/

正如您在下图中看到的,两种物体重叠(蓝色和黄色混合)的结果颜色根本不直观。

enter image description here

有人有任何想法或知道类似工具在哪里得到的灵感?用于创建我使用d3.js的多边形,所以如果需要创建更复杂的SVG功能,我可以尝试一下。

一些想法我是...

1)在一个多边形的数据越多,越厚的边框(或与其对应颜色的边框的每个部分)

2)添加标签在多边形的中心说有多少物种重叠。

3)将多边形分成不同的部分,每一部分都有相应的物种颜色。

在此先感谢, 佩尔

+0

可能是HTTP的一个问题:// gis.stackexchange.com/?这是一个通用的制图问题,并不是真正适用于SO的技术问题。 – nrabinowitz

+1

是的,它可能也适用于gis.stackexchange.com,但我希望有人使用d3.js也可以给出一个技术指向一个可能的解决方案。 我将删除单张标签,但请在此论坛上接受此问题。谢谢。 – user1249791

+0

我并不是建议我关闭它,只是为了在GIS站点上获得更好的答案。 – nrabinowitz

回答

2

我的建议是沿着你所列出的备选方案#3线的东西,与一捻。而是用物种颜色绘制整个细胞,在每个细胞中放置一个点,每个物种放一个点。您可以按照与当前相同的方式改变每个点的颜色:更深的颜色,更小的颜色。这并不要求你混合颜色,它会公开更多的地图来为数据提供更多的上下文。我会尝试这种方法与单元格的边界和没有,并看看哪一个最好。

您的可视化也可能受益于某些交互性。当用户将鼠标悬停在每个单元格上时,可以显示提供更详细信息的工具提示,并可能显示更多信息细分。

所有这些都很主观。然而有一点是肯定的:当你处理多维数据时,投影到相同视觉/感知轴上的尺寸越少,效果就越好。我已经看到一些“四维热图”的例子成功地做到这一点(here's an example of visualizing latency on a heatmap, identifying different sources with different colors),但我不认为有任何尝试将颜色组合。

0

我对您要创建(一个heat map一个略显拥挤的数据集的定制变种什么最初的想法,我相信:

一种策略是采用公式建议

n + 1

关于垃圾箱间距的中断,这使我担心你的设置有多少个异常值。

等间隔断点对于没有 异常值的紧凑数据集是理想的。在许多实际数据集中,特别是proteomics数据集, 异常值可能会使这种表示效果变差。

我的一个建议是考虑在你的类别中添加一些过滤器的想法,如果你还没有。这将允许减少呈现的数据以便用户更快读取。

另一种解决方案是使用像(Comprehensive) R 或者甚至DanteR

Tutorial in displaying mass spectrometry-based proteomic data using heat maps (特别值得一提的,我觉得,是“颜色映射”。)