{"id":337,"date":"2009-03-24T23:16:07","date_gmt":"2009-03-25T03:16:07","guid":{"rendered":"http:\/\/patorjk.com\/blog\/?p=337"},"modified":"2014-01-25T17:54:11","modified_gmt":"2014-01-25T21:54:11","slug":"keyboard-hot-spot-visualization","status":"publish","type":"post","link":"https:\/\/patorjk.com\/blog\/2009\/03\/24\/keyboard-hot-spot-visualization\/","title":{"rendered":"How Fast Do You Press Each Key When You Type?"},"content":{"rendered":"<p>I&#8217;ve updated my <a href=\"http:\/\/patorjk.com\/typing-speed-test\/\">Typing Speed Test<\/a> with a new feature that lets you see how fast you typed each key on the keyboard. Once you finish the test, you&#8217;re presented with a visualization of the keyboard where the keys that were typed faster are more red and the keys that were typed slower are less red. Keys that are completely white were not typed at all and grey keys aren&#8217;t factored into the calculations. To see stats about an individual key, all you have to do is mouse over the key you&#8217;re interested in. Below you can see a screen capture of the feature.<\/p>\n<figure style=\"width: 500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"A screen capture of the Hot Spot Visualization feature. The mouse was hovering over the W key when this shot was taken.\" src=\"http:\/\/patorjk.com\/images\/hot_spot_keyboard_march24_2009.png\" title=\"Hot Spot Visualization\" width=\"500\" height=\"232\" \/><figcaption class=\"wp-caption-text\">A screen capture of the Hot Spot Visualization feature. The mouse was hovering over the &quot;W&quot; key when this shot was taken.<\/figcaption><\/figure>\n<p>Let me know if you see any problems. I still have two major features I want to add into this app before I move onto my next project.<\/p>\n<p><strong>EDIT March 26, 2009:<\/strong> I&#8217;ve updated the visualization. Blue now represents key that were typed slowly and red represents keys that were typed quickly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve updated my Typing Speed Test with a new feature that lets you see how fast you typed each key on the keyboard. Once you finish the test, you&#8217;re presented with a visualization of the keyboard where the keys that were typed faster are more red and the keys that were typed slower are less &hellip; <a href=\"https:\/\/patorjk.com\/blog\/2009\/03\/24\/keyboard-hot-spot-visualization\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">How Fast Do You Press Each Key When You Type?<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-337","post","type-post","status-publish","format-standard","hentry","category-web-apps"],"_links":{"self":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts\/337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/comments?post=337"}],"version-history":[{"count":10,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts\/337\/revisions"}],"predecessor-version":[{"id":470,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts\/337\/revisions\/470"}],"wp:attachment":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/media?parent=337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/categories?post=337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/tags?post=337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}