When I first saw a demonstration like this in Javascript, I thought it was a pretty nice and "artsy" bit of code.
Then I came to the realization that it's not just artsy, but it's a way more innovative way to track visitors to your web pages "clicks" (I think that is the real purpose.)
Someone correct me if I'm wrong, but the heat goes away due to the amount of clicks taking place somewhere else. The heavier the color (yellow - red) means the more clicks taking place on that location. The lighter, the less.
Interesting demo, I did a similar one but with mouse movement: http://www.patrick-wied.at/projects/multiuser-heatmap/ but I think my server wont handle lots of users since I'm using an early version of Ajax Push Engine. nowjs seems to perform really good.
Btw: nice solution for the "too much data" for heatmap.js (at the initial heatmap rendering) issue :)
I couldn't figure out what the link was at first, because in Safari, absolutely nothing happens. I had to bring up the page in Chrome to see what it was supposed to be doing (heat marks).
6 comments
[ 2.9 ms ] story [ 26.0 ms ] threadWhen there is a lot of realtime clicking it'll get laggy because the heatmap redraws with new data. Sorry about that!
If the page in the Iframe has some kind of redirect, it'll redirect the entire page so just wait 60 seconds for the page to change.
Other than that, have fun!
Then I came to the realization that it's not just artsy, but it's a way more innovative way to track visitors to your web pages "clicks" (I think that is the real purpose.)
Someone correct me if I'm wrong, but the heat goes away due to the amount of clicks taking place somewhere else. The heavier the color (yellow - red) means the more clicks taking place on that location. The lighter, the less.
A description of a heatmap: http://www.squidoo.com/heat-map
Btw: nice solution for the "too much data" for heatmap.js (at the initial heatmap rendering) issue :)