Skip to content
Notifications You must be signed in to change notification settings

ItsAkshatSh/KeyboardHeatmap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Jul 24, 2025
314d5d3 · · Jul 24, 2025

History

4 Commits
Jul 24, 2025
Jul 24, 2025
Jul 24, 2025
Jul 24, 2025

Repository files navigation

⌨️ Keyboard Heatmap

A sleek, real-time keyboard heatmap web app that helps you visualize your typing patterns. Choose between Live View and Cumulative View, track your most used words, monitor typing session durations, and even export your heatmap data.

Features

  • Live View: Visualizes key presses in real time, fading with inactivity
  • Cumulative View: Tracks overall key usage across the session
  • Session Stats:
    • Total key presses
    • Words typed
    • Most used words and keys
    • Typing duration
  • Export as Image: Save your heatmap snapshot with one click
  • Inactivity Detection: Automatically shows a summary if you stop typing
  • Responsive UI: Works across modern browsers and screen sizes

Demo

image

CHECK OUT THE WEBSITE HERE

🛠️ How It Works

  • Each key is tracked when pressed
  • In Live Mode, keys light up and fade over time
  • In Cumulative Mode, key intensity grows with usage
  • Tracks and displays:
    • Most pressed key
    • Most typed word
    • Total words and characters
    • Typing time (active session duration)

📦 Installation

No setup needed! Just open index.html in any modern browser, with the

git clone https://github.com/ItsAkshatSh/KeyboardHeatmap.git

cd keyboard-heatmap
open index.htmll

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published