改善制图可视化

时间:2012-11-20 14:47:28

标签: d3.js data-visualization cartography

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

用户可以选择不同的物种,webmapping应用程序显示其地理分布(多边形度数单元格),每个物种都有一系列颜色(例如,我们找到更多信息的颜色为深橙色,较少信息的颜色较浅橙色)。

问题是当多个物种重叠时。我目前正在做的只是使用http://www.xarg.org/project/jquery-color-plugin-xcolor/

计算两种颜色的加色混合

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

enter image description here

有人知道或知道类似的工具从何处获得灵感?为了创建多边形我使用d3.js,所以如果必须创建更复杂的SVG功能,我可以尝试一下。

我有一些想法......

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

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

3)在不同的部分划分多边形,每个部分都有相应的物种颜色。

提前谢谢, 佩尔

2 个答案:

答案 0 :(得分:2)

我的建议与您列出的选项#3类似,但有所改变。而是用物种颜色绘制整个细胞,在每个细胞中放置一个点,每个物种一个点。您可以按照与当前相同的方式改变每个点的颜色:更暗更多,更轻。这不需要您混合颜色,它将暴露更多的地图以提供更多的数据上下文。我会尝试这种方法与单元格的边界,没有,并看看哪一个最好。

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

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

答案 1 :(得分:0)

我最初的想法是关于你要创建的内容(针对稍微拥挤的数据集的heat map的自定义变体),我相信:

一种策略是采用为

建议的公式
  

n + 1

关于箱间距的中断。这让我对你的套装有多少异常值感到担心。

  

等间隔中断对于没有紧凑数据集是理想的   异常值。在许多实际数据集中,尤其是proteomics数据集,   异常值会使这种表示效果降低。

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

另一种解决方案是使用类似(Comprehensive) R的内容                                              甚至可能DanteR

Tutorial in displaying mass spectrometry-based proteomic data using heat maps (尤其值得注意的是,'颜色映射'。)