Visualizing character distribution of texts on a keyboard while you're typing...
Tweet
Customize it
Select your fingertip size
Small
Normal
Huuuge
Select a heatmap gradient
Standard
Nightly
Fanzy
Select a keyboard layout
Asset
Carpalx QFMLWY
Colemak
Dvorak
Dvorak Programmer
ErgoDox COLEMAK
ErgoDox QWERTY
ErgoDox DVORAK
LIIGOL Layout
Minimak 4-Keys
Minimak 8-Keys
Minimak 12-Keys
Norman
QWERTY
Workman
Please type something in the textbox or load a sample text :-)
heatmap.js keyboard - please type something
Load a text sample
Sample Text 1
Sample Text 2
Sample Text 3
Sample Text 4
follow
@patrickwied
on twitter for other cool experiments