Keyboard Heatmap
Track your most-used keys in real time, build a heatmap from actual typing, and export the result as a PNG.
Heatmap
Top keys
No key data yet. Start tracking and type a little first.
You just tested your Keyboard Heatmap — Try Typing Speed Test next →
What Is a Keyboard Heatmap?
The Keyboard Heatmap visualises which keys you hit hardest during typing — colored overlay on a standard QWERTY layout showing key-press frequency, dwell time, and finger-load distribution. Typing biomechanics: on QWERTY, the most-used English letters (E, T, A, O, I, N, S, H, R, D, L, U) are scattered across all three rows with E on the top row middle finger, A on the bottom-left pinky, and the home row containing only A, S, D, F, G, H, J, K, L — about 32% of English keystrokes vs the home-row optimal of 70%. Colemak redesigned QWERTY in 2006 to put the 8 most-common letters (A, R, S, T, N, E, I, O) on the home row, achieving 74% home-row usage with much lower lateral pinky finger strain — easier to learn from QWERTY than Dvorak (only 17 keys changed positions). Dvorak (1936 patent) is more radical: all vowels on the left home row, most-used consonants on the right home row, ~70% home-row usage. The heatmap also surfaces off-finger-hits (when the wrong finger lands on a key — common with b typed by index instead of left index extending) and same-finger bigrams (ed ce un on QWERTY all use the same finger twice in a row, the slowest typing pattern).
How to Use the Keyboard Heatmap
Open the tool, click Start, and type for 2-5 minutes in your normal style (technical docs, emails, code — pick the content you actually type). The heatmap colors each key from cold (rarely pressed) to hot (most pressed); finger-load percentages appear on each finger of the on-screen hand graphic. Switch layout: QWERTY (default), Colemak, Dvorak, AZERTY, QWERTZ — the heatmap re-projects your typed letters onto the new layout so you can see exactly how much your fingers WOULD have moved if you typed those same characters on Colemak vs QWERTY. The statistics panel shows total keys typed, average WPM (with a 60-second moving average), top-10 most-used keys, top-5 same-finger bigrams (most-painful patterns), and total estimated finger distance in inches/cm (a typist averaging 70 WPM types ~16 miles/26 km per year on QWERTY — Colemak drops this to ~9 miles/15 km).
Why Keyboard Usage Patterns Matter
Heavy typists develop strain on the QWERTY pinky finger because A is the left-pinky home and most function keys (Tab, Caps Lock, Shift, Ctrl) live there too. Software engineers, copywriters, journalists, and customer-support agents who type 5,000-15,000 keystrokes/day are at elevated risk of repetitive strain injury (RSI), DeQuervain's tenosynovitis, and carpal tunnel syndrome (NIOSH 2024 occupational injury report). The heatmap surfaces patterns the typist cannot feel: pinky overload (the weakest finger doing 17% of the work on QWERTY vs the strong ring + middle fingers doing less), wrist-side deviation when reaching for ; or Z, and finger-distance metrics that translate fatigue into measurable inches. Switching to Colemak or Dvorak is a 2-4 week productivity cost (typing speed drops to 20 WPM then climbs back over 4-8 weeks) — the heatmap before/after lets you measure whether the long-term wrist-health payoff is worth it. Many ergonomic keyboards (Kinesis Advantage, ZSA Moonlander, Ergodox EZ) ship blank or default to Colemak.
Frequently Asked Questions
Does this log what I typed?
No. TeaFun only counts supported physical keys on this page. It does not upload text or save a transcript.
Why do some keys not light up?
This view tracks the main typing layout shown on screen. Browser shortcuts, media keys, or unsupported layouts may not appear.
What is this useful for?
It helps you spot typing habits, key wear patterns, and control clusters for games, shortcuts, or ergonomics.
Use this tool inside a bigger workflow
These collections group follow-up tools and guides that commonly belong in the same job.
Browse same tags
Jump to other tools that share the same workflow, format, or use case.