Web 应用程序的热图工具答案

【问题标题】：Heatmap Tools For Web AppsWeb 应用程序的热图工具
【发布时间】：2010-09-26 08:13:05
【问题描述】：

我有一个客户想要我为他们构建的网络应用程序显示 heat maps 的数据。

我根本没有使用过热图，我想知道是否有人知道一些生成它们的好工具。

谢谢。

【问题讨论】：

你想要一个热图来跟踪用户的学生或他们的鼠标点击吗？
如果有，请查看Crazy Egg。
其实就是把数据可视化。该数据与特定部门对某些搜索词的引用次数有关。

标签： heatmap

【解决方案1】：

我为 PC 和移动网页推荐了一个引人注目的热图工具：http://miapex.com

【讨论】：

【解决方案2】：

我可以推荐我自己的 jQuery 插件吗？

jQuery Hottie 可以轻松获取普通标记并添加背景颜色，如下所示：

<!-- Coloring elements is easy! -->
<ul id="example1">
  <li>1<li>
  <li>2<li>
  <li>3<li>
  <li>4<li>
  <li>5<li>
</ul>

$('ul#example1 li').hottie();

【讨论】：

【解决方案3】：

如果您想在客户端（使用 JavaScript）生成热图，我可以向您推荐 heatmap.js。它使用 HTML5 Canvas 元素生成动态网络热图，您可以随时新添加数据并刷新热图。

【讨论】：

【解决方案4】：

Pyheat 是 python 中另一个用于构建热图的好库。 Gheat 已经在 J.J 的回复中提及。

【讨论】：

【解决方案5】：

我意识到这是一篇很老的帖子——但是下一个偶然发现这个页面的人可能会尝试 gheat 在 webapps 中使用热图。如果您碰巧使用这些后端，则有 Django 和 Google App Engine 的端口。

【讨论】：

现在很方便，我正要问这个问题...谢谢！
能否提供 App Engine 端口的链接？我似乎能找到的只是一个页面，上面写着“TODO”：/
哇——刚刚找到了。这总是发生 - 它在code.google.com/p/gheat-ae/source/browse/#svn/trunk/gHeatAE/src

【解决方案6】：

热图通常用于代替更传统的术语：kernel density estimators。如果您需要即时计算这些，请考虑GRASS GIS- 特别是v.kernel 或v.neighbors 模块。这些将在某个目标分辨率（由当前region 设置定义）下生成密度的连续估计（即光栅表面）。 GRASS GIS 可以通过 Python 代码进行控制，因此围绕底层模块编写 Python 包装器将是一件简单的事情，它可以将结果导出到您的 Web 应用程序。

对于小型数据集，R 项目具有多个用于读取/写入空间数据和计算内核密度估计的功能。

【讨论】：

【解决方案7】：

我假设这是每个数据点具有三个值的数据 - 我们将它们称为 x、y 和 z。如果 x 和 y 是空间坐标，这将非常有帮助，因为这会使事情变得更容易。

无论如何，生成一个 x x y 的位图（适当缩放）。

对于数据中的每个 x 和 y 对，将 z 缩放到 0 和 1 之间（或 0 以及地图中的多种颜色），并将 z 绘制为由该值表示的颜色。例如。一个简单的地图可以只使用 RGB 的 R 部分，在这种情况下，您的红色将有 256 个刻度。

很可能，您想要更花哨的东西，但您应该能够理解。

如果您的数据点分散开来，您可以将它们绘制为占用空间的矩形，或者在它们之间平滑插值。

注意：这是一个基于 Web 的工具，可以做到这一点here。我发现它与Wikipedia article on heatmaps 链接。还有一个 java 也从那里链接。

【讨论】：