使用<canvas>元素創建熱圖？

是否有任何JavaScript庫允許您使用瀏覽器中的圖形渲染功能（如<canvas>或SVG）創建熱圖？使用<canvas>元素創建熱圖？

我知道HeatMapAPI.com，但他們的熱圖是在服務器端生成的。我認爲在<canvas>元素的時代，我們不再需要這個了！

如果沒有這樣的事情，有沒有志願者參與創建這樣的工具？

2009-07-12 warpech

IE 8及以下版本沒有畫布支持。 – 2009-07-12 22:09:15

是的，但是由於Explorer Canvas（ExCanvas），IE對Canvas標籤 – 2009-07-12 22:11:51

的部分支持是正確的，但這是一種快速修復的方法。 – 2009-07-12 22:16:01

我創建包括與<canvas>元素和javascript實時熱圖的演示。我還在heatmap示例旁邊添加了記錄的代碼。熱圖生成過程基於canvas元素中的alpha地圖，取決於用戶的鼠標移動。你可以看看我的演示在這裏： http://www.patrick-wied.at/static/heatmap/

來源

2010-09-11 21:01:09

感謝您的演示，非常有用+1 – 2011-02-04 17:26:38

嘿帕特里克。是否可以更新heatmap.js以在單獨的線程（使用web-workers）中工作，因此如果要繪製大量數據，則只會告訴工作人員計算屏幕外畫布，並在發送畫布時向您發送畫布完成？ – Cristy 2014-02-11 19:53:41

嘿克里斯蒂。不幸的是，由於與canvas元素緊密耦合，Web工作人員不支持canvas。如果你正在尋找顯示更多的數據點，我有一個好消息：我目前正在研究heatmap.js v2並做了一些主要的性能優化。在v2中，您可以可視化至少20k個數據點，而不會注意到任何性能損失 – 2014-02-11 20:22:07

幾年前我玩過heatmap。請參閱http://www.urbigene.com/treemapphp/，算法來自這裏：http://www.cs.umd.edu/hcil/treemap-history/

來源

2009-07-12 22:08:34 Pierre

他正在談論Heatmaps，而不是Treemaps :) – 2009-07-12 22:19:45

跳躍:-)看起來像我一樣:-) – Pierre 2009-07-12 22:30:55

我在Google Visualization API幫助下創建了一個匹配圖[http://code.google.com/apis/visualization/documentation/]。它使用SVML & VML，並且還跨瀏覽器兼容。希望它會有所幫助。

來源

2009-08-01 09:14:13 Rifat

你可以分享你使用的可視化嗎？我在可視化圖庫（http://code.google.com/apis/visualization/documentation/gallery.html）中看不到熱點圖。我想要做的是在Google地圖上放置熱圖。我知道我可以使用這個：http://code.google.com/p/gheat/，但是GHeat不使用