Visualizing character distribution of texts on a keyboard while you're typing...
Customize it
Select your fingertip size
Small
Normal
Huuuge
Select a heatmap gradient
Standard
Nightly
Fanzy
Select a keyboard layout
QWERTY Layout
DVORAK Layout
DVORAK Programmer Layout
Extended Programmer Dvorak Layout
COLEMAK Layout
Apply customizations
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
