互動熱圖/矩陣可視化

Question

我想顯示網頁上的熱圖（矩陣），我產生R. 矩陣我有這個樣子的，但在我的情況下，大小爲300×300。

基本上我尋找一個互動集羣，這將是這樣的：

http://online.wsj.com/article/SB125993225142676615.html#articleTabs%3Dinteractive

http://mbostock.github.com/protovis/ex/matrix.html

我希望能夠集團公司的一個分支，其然後突出顯示選定的組/文本，並淡出矩陣的其餘部分。

我不得不環顧四周，找不到了。我甚至不知道我應該使用什麼語言？ JSON，Flash，HTML5，JavaScript，谷歌圖表？

任何意見和建議將在這裏極爲賞識。

謝謝。

Answer 1

谷歌可視化提供了這種熱圖選項： http://informatics.systemsbiology.net/visualizations/heatmap/bioheatmap.html

還有這個項目，將它改編爲更高級的用途，實際上包括鼠標懸停和工具提示，以及行放大倍數： http://code.google.com/p/visquick/

您可能還想看看jQuery Flot，但需要警告的是，WSJ使用一個名爲Tableau的超級昂貴公司來進行數據可視化，並且您不太可能在開源或免費使用包中找到這種級別的可視化效果。

Answer 2

不幸的是，我有相同的要求。爲層次聚類結果創建Clustergram（Heatmap + Dendrogram）。

有這個沒有直接的解決方案。我使用ProtovisGWT（Choosel）創建樹狀圖和熱圖分割，然後將它們組合起來。

如果你只是想JS庫，你可以只使用protovis或d3.js實現這一目標。

Answer 3

我建議使用JavaScript來完成此任務。保存您的熱圖如SVG中的R

svg("mymap.svg") 
heatmap(...) 
dev.off() 

然後將其嵌入到HTML文檔中作賓語現在

<object id="test-svg" width="800" height="600" 
type="image/svg+xml" data="test.svg"></object> 

，您可以使用JavaScript或ECMAScript中做各種操作的。我建議閱讀關於此主題的各種在線教程之一。例如，你可以開始使用這一個：http://www.petercollingridge.co.uk/data-visualisation/using-javascript-control-svg

Answer 4

D3.js的樹形優美解決這個問題。看到這裏

http://mbostock.github.io/d3/talk/20111018/treemap.html

Answer 5

我認爲InCHlib - 互動集羣熱圖庫可能是解決方案。

可從http://openscreen.cz/software/inchlib。

Answer 6

你可以嘗試http://amp.pharm.mssm.edu/clustergrammer/。它不是用R寫的，但是你可以通過上傳一個製表符分隔格式的矩陣文件來製作一個交互式clustergram，並且你將返回一個交互式（可重新編碼，可搜索，可過濾等）和可共享的基於網絡的可視化

Answer 7

D3heatmap提供了與基於所述heatmap和heatmap.2接口中的R樹圖交互式熱圖。它包括單行和列選擇，但does not currently allow選擇樹狀分支。