Keyboard Heatmap on HackerShow

Creative

keyboard visualisation

SHOW HN2011

Realtime Keyboard Heatmap with heatmap.js

Shown by pa7 on Sep 5, 2011. Click the card to turn it over.

96points

17comments

#118of 1,097 in 2011

Top 11%of 2011 by points

How HN took it

MixedNo clear lean

5 positive, 4 neutral or asking, 0 mixed, 1 critical, out of 10 comments about the project. Thread score +0.27.

Execution: 2 for, 1 againstIdea: 2 for, 0 againstDesign: 1 for, 0 against

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

Clever demonstration of the heatmap library
From 2 comments
- 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,…
  gravitymonkey on HN
- Looks neat. I could potentially make use of such a javascript library.
  dlsspy on HN
Impressive realtime visual
From 1 comment
- Wow. I use apple wireless keyboard. For a moment there I was really impressed :)
  tmeasday on HN

Does not work in some browsers; ad blocker blocked the script
From 2 comments
- Does it work only in Chrome, or something? Noting happens for me in Firefox. Edit: got blocked by AdBlock+. Remark: it ignores characters/keys that aren't present on US…
  wazoox on HN
- apparently adblock+ blocks js files called "heatmap"
  pa7 on HN
Ignores keys not on US keyboards
From 1 comment
- Does it work only in Chrome, or something? Noting happens for me in Firefox. Edit: got blocked by AdBlock+. Remark: it ignores characters/keys that aren't present on US…
  wazoox on HN

Add Dvorak layout
From 3 comments
- 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…
  rudle on HN
- This is pretty cool, I'd love to see it work with Dvorak! I don't know if this is something you want to do, but if you'd like to add Dvorak I mapped the coordinates for it here:…
  zefhous on HN
- I just added the DVORAK layout to the keyboard heatmap and also open sourced it on GitHub, where everybody can contribute his layout preferences:…
  pa7 on HN
Track modifier and auxiliary keys like shift and delete
From 2 comments
- 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…
  badusername on HN
- Shifted keys, or at least upper-case letters should be easily handled. The problem I suspect is deciding which shift key has been used (or whether caps lock is enabled). As far…
  shabble on HN
Track ctrl+f / cmd+f usage
From 1 comment
- 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.
  ideamonk on HN

Colemak layout as another option
From 1 comment
- ditto with colemak (http://colemak.com)
  marchdown on HN