Hacker Newsnew | past | comments | ask | show | jobs | submitlogin
Realtime heatmap with canvas & js (patrick-wied.at)
73 points by dgarner on April 2, 2011 | hide | past | favorite | 7 comments


Very cool - I was totally surprised and delighted when I clicked Demo and saw what happened after.

Couple notes- it's not a true "heatmap" since it only works when the mouse is moving. If I two-finger scroll to another place, it doesn't register that the mouse has been over a new spot until I move it again. Likewise, if I hover over a spot for a long time then quickly move it somewhere else, it doesn't turn red, only registers a small blue dot because the mouse was not moving (only works when mouse is moving).

Then again I think the applications for this tech/visual effect are much wider than an analytical heatmap.


It definitely has some cool potential applications - what about tracking where the user moves their mouse and how long it stays there on a regular web page, to judge what grabs their attention more (or less)?


sort of what mouseflow.com does


This looks like my drag and drop fake heatmap generator, which wasn't my original code either, just a mashup. http://www.robertivan.com/fakeHeatMap.html


There are too many guys out there who don't take license headers seriously or just don't know what licenses mean.

You are the first one who kept the license header in my code - thank you for that!


That's really fun to draw with. I'll have to take a look at the source and put in some different color options and such.


this post uses his script + nodejs to display a multiuser realtime heatmap (on click event not on mousemove): http://onesandzeros.posterous.com/multi-user-realtime-heatma...




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: