2012-11-20 70 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 (特別值得一提的,我覺得,是「顏色映射」。)