This tool will allow you to create heatmap for you qmk keyboard in a few easy steps, you can also customize the look of your heatmap very easily.
In the first half of the video i'm setting up relation between keyboard layout image and keymap, you'll need to do it only once, after that is done all of the settings are saved to local storage of the browser
preview.mp4
Prerequisites:
node >= 18.7.0
npm >= 8.15.0
- Clone the repo
git clone https://github.com/your_username_/Project-Name.git
- Install NPM packages
npm install
- Start local server
npm run dev
- Add settings page
- import/export data
- reset saved config
- change image or key matrix
- preview mapping data on image
- create custom layer names
- Add drop down for layers selection
- Add settings page where one could view and change saved settings
- See the open issues for a full list of proposed features (and known issues).
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE.txt for more information.