Show HN: Realtime Keyboard Heatmap with heatmap.js

It's rather strange to see a QWERTY layout when using dvorak. That said, if you showed a dvorak layout to a QWERTY user, you'd have a powerful demonstration of how much less finger travel there is and it convince them to switch.

If one could monitor number of ctrl+f or cmd+f hits, it could probably indicate how difficult was it to locate content on the page.

I think it would be very useful to track auxiliary keys such as delete, shift etc too. Personally, I tend to use delete a lot as I am a lousy touch typist, and this would help me visualize how bad the problem actually is.

I just added the DVORAK layout to the keyboard heatmap and also open sourced it on GitHub, where everybody can contribute his layout preferences: <a href="https://github.com/pa7/Keyboard-Heatmap" rel="nofollow">https://github.com/pa7/Keyboard-Heatmap</a>

Does it work only in Chrome, or something? Noting happens for me in Firefox.<p>Edit: got blocked by AdBlock+.<p>Remark: it ignores characters/keys that aren't present on US keyboards. No é è à ñ ö π ς φ  ... would it be possible to catch Alt/Shift keys, for instance?

I love your work on this - a good heatmap library is super helpful, and this is a very clever way to demonstrate it. And that QR code demo you posted earlier is pretty sweet, too...good weekend, huh?

if anyone is interested in the library (heatmap.js), here's the link <a href="http://www.patrick-wied.at/static/heatmapjs/" rel="nofollow">http://www.patrick-wied.at/static/heatmapjs/</a>

Wow. I use apple wireless keyboard. For a moment there I was really impressed :)

Looks neat. I could potentially make use of such a javascript library.