交互式热图/矩阵可视化

发布于 2024-12-21 05:46:28 字数 782 浏览 4 评论 0原文

我想在网页上显示我在 R 中生成的热图（矩阵）。我的矩阵看起来像这样，但在我的例子中，大小是 300x300。

基本上我正在寻找一个交互式集群，它看起来像这样：

<一href="http://mbostock.github.com/protovis/ex/matrix.html" rel="nofollow noreferrer">http://mbostock.github.com/protovis/ex/matrix.html

我希望能够点击一个分支，然后突出显示所选的组/文本，并淡出矩阵的其余部分。

我环顾四周，找不到太多东西。我什至不知道我应该使用什么语言？ JSON、Flash、HTML5、javascript、谷歌图表？

如有任何意见和建议，我们将不胜感激。

谢谢。

需要登录才能够评论，你可以免费注册一个本站的账号。

彡翼 2024-12-28 05:46:29

我认为 InCHlib - 交互式集群热图库可能是解决方案。

寄离 2024-12-28 05:46:29

Google Visualization 提供了此热图选项：

还有一个项目将其改编为更高级的用途，实际上包括鼠标悬停和工具提示以及线条放大：
http://code.google.com/p/visquick/

您可能还想看一下 jQuery Flot，但请注意，《华尔街日报》使用一家名为 Tableau 的超级昂贵公司进行数据可视化，您不太可能在开源或免费使用的软件包中找到这种级别的可视化效果。

流殇 2024-12-28 05:46:29

不幸的是，我也有同样的要求。为分层聚类结果创建聚类图（热图+树状图）。

对此没有直接的解决方案。我使用 ProtovisGWT (Choosel) 分别创建树状图和热图，然后将它们组合起来。

如果你只想要 js 库，你可以使用 protovis 或 d3.js 来实现这一点。

锦欢 2024-12-28 05:46:29

我建议使用 JavaScript 来完成此任务。在 R 中将热图保存为 SVG

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-visualization/using-javascript-control-svg

I would recommend using JavaScript for this task. Save your heatmap as SVG in R

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

And then embed it into an HTML document as object

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

Now, you can use JavaScript or ECMAScript to do all kinds of manipulations. I recommend to read one of the various online tutorials on this topic. E.g., you could get started with this one: http://www.petercollingridge.co.uk/data-visualisation/using-javascript-control-svg