pa7 / keyboard-heatmap Goto Github PK
View Code? Open in Web Editor NEWRealtime Keyboard Heatmap showing the character distribution of texts - made with heatmap.js
Home Page: https://www.patrick-wied.at/projects/heatmap-keyboard/
Realtime Keyboard Heatmap showing the character distribution of texts - made with heatmap.js
Home Page: https://www.patrick-wied.at/projects/heatmap-keyboard/
Would be really interesting to be able to generate these heat maps programmatically from the command line (or a module) using something like node-canvas & the existing js code. I'm currently generating daily maps and there's no clean solution to automate.
There is a nice feature of the following website:
http://patorjk.com/keyboard-layout-analyzer/#/main
The site allows you to enter sample text, then all the layouts pre-configured are ranked for your sample text.
However, after the layouts are ranked, you can select the 'Personalized' button, and a layout is created especially for your sample text.
It's a nice feature, and something you could consider for your application.
Hey,
my idea was to simulate the typing of the characters in realtime, like each keystroke has a delay of 0.5 seconds and the keyboard is slowly drawn character by character.
I'm gonna look into the code in a second to see if I can make it
When an exclamation point is entered it removes all previous pieces of data on the heatmap.
@Rolzad73 I see that you have created and added an ergodox qwerty layout.
Is there any way to add that to the main repo with a pull request? It looks @pa7 's master has moved a head a bit, but I still think your contribution to the project is valuable. And if everyone agree's it would be nice to add to the master branch.
Hello,
This is great project! I like it but can you add more character?
Example: (Ç, Ğ, I, İ, Ö, Ş, and Ü) This is Turkish alphabet
http://en.wikipedia.org/wiki/Turkish_alphabet
Thank you for project!
Would be cool to have the AZERTY layout :)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.