我有一个客户想要我为他们构建的 Web 应用程序显示数据的热图。
我根本没有使用过热图,我想知道是否有人知道一些生成它们的好工具。
谢谢。
我意识到这是一篇很旧的帖子——但是下一个偶然发现这个页面的人可能会尝试gheat在 webapps 中的热图。如果您碰巧使用这些后端,则有 Django 和 Google App Engine 的端口。
我假设这是每个数据点具有三个值的数据——我们将它们称为 x、y 和 z。如果 x 和 y 是空间坐标,那真的很有帮助,因为这会让事情变得更容易。
无论如何,生成一个 x by y 的位图(适当缩放)。
对于数据中的每个 x 和 y 对,将 z 缩放到 0 和 1 之间(或 0 以及地图中的许多颜色),并将 z 绘制为由该值表示的颜色。例如,一个简单的地图可以只使用 RGB 的 R 部分,在这种情况下,您的红色将有 256 个刻度。
最有可能的是,您想要更花哨的东西,但您应该能够理解。
如果您的数据点分散开,您可以将它们绘制为占用空间的矩形,或者在它们之间平滑插值。
注意:这是一个基于 Web 的工具,可以在此处执行此操作。我发现它链接自Wikipedia article on heatmaps。也有一个 java 也从那里链接。
如果您想在客户端(使用 JavaScript)生成热图,我可以向您推荐heatmap.js。它使用 HTML5 Canvas 元素生成动态 Web 热图,您可以随时新添加数据并刷新热图。
我为 PC 和移动网页推荐了一个引人注目的热图工具:http: //miapex.com
我可以推荐我自己的 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();