[{"data":1,"prerenderedAt":233},["ShallowReactive",2],{"project-2963109":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":41,"post_text":43,"what":44,"said":70,"maker_in_thread":150,"shape":158,"grid":162,"attempts":194,"same_week":195,"maker_shows":151,"maker_hidden":225,"reader_version":226,"card":227},"2963109","Keyboard Heatmap","Realtime Keyboard Heatmap with heatmap.js","title","Show HN: Realtime Keyboard Heatmap with heatmap.js","http:\u002F\u002Fpatrick-wied.at\u002Fprojects\u002Fheatmap-keyboard?auto=0","patrick-wied.at","pa7",1315250454,2011,96,17,118,1097,11,"notable","creative","keyboard visualisation","web_app",[24,25,26,27],"keyboard heatmap","heatmap.js","javascript visualization","keystroke tracking","mixed",0.273,{"positive":31,"neutral":32,"mixed":33,"critical":34},5,4,0,1,10,{"idea":37,"execution":39,"design":40},{"positive":38,"critical":33},2,{"positive":38,"critical":34},{"positive":34,"critical":33},[33,33,42,42,42,33,34,31,33,42,31,33,33,31,33,31,31],3,null,{"problem":43,"audience":43,"pricing":43,"motivation":45,"time_to_build":43,"stack":56,"openness":67,"stage":68,"team_size":69},{"value":46,"source":47,"evidence":48},"Playful side project showing off the heatmap.js library","inferred",[49,53],{"id":50,"by":51,"text":52},"2963298","gravitymonkey","I love your work on this - a good heatmap library is super helpful, and this is a very clever way to demonstrate it. And that QR code demo you posted earlier is pretty sweet,…",{"id":54,"by":11,"text":55},"2963372","thanks, I appreciate you like my spare time work :) productive weekend, yep g",[57],{"value":58,"source":47,"evidence":59},"JavaScript",[60,63],{"id":61,"by":11,"text":62},"2963213","if anyone is interested in the library (heatmap.js), here's the link http:\u002F\u002Fwww.patrick-wied.at\u002Fstatic\u002Fheatmapjs\u002F",{"id":64,"by":65,"text":66},"2963187","dlsspy","Looks neat. I could potentially make use of such a javascript library.","open_source","launched","solo",{"praise":71,"objections":85,"requests":100,"questions":133,"alternatives":142},[72,78],{"value":73,"source":74,"evidence":75},"Clever demonstration of the heatmap library","commenter",[76,77],{"id":50,"by":51,"text":52},{"id":64,"by":65,"text":66},{"value":79,"source":74,"evidence":80},"Impressive realtime visual",[81],{"id":82,"by":83,"text":84},"2963616","tmeasday","Wow. I use apple wireless keyboard. For a moment there I was really impressed :)",[86,96],{"value":87,"source":74,"evidence":88},"Does not work in some browsers; ad blocker blocked the script",[89,93],{"id":90,"by":91,"text":92},"2963307","wazoox","Does it work only in Chrome, or something? Noting happens for me in Firefox. Edit: got blocked by AdBlock+. Remark: it ignores characters\u002Fkeys that aren't present on US…",{"id":94,"by":11,"text":95},"2963500","apparently adblock+ blocks js files called \"heatmap\"",{"value":97,"source":74,"evidence":98},"Ignores keys not on US keyboards",[99],{"id":90,"by":91,"text":92},[101,115,126],{"value":102,"source":74,"evidence":103},"Add Dvorak layout",[104,108,112],{"id":105,"by":106,"text":107},"2963274","rudle","It's rather strange to see a QWERTY layout when using dvorak. That said, if you showed a dvorak layout to a QWERTY user, you'd have a powerful demonstration of how much less…",{"id":109,"by":110,"text":111},"2963375","zefhous","This is pretty cool, I'd love to see it work with Dvorak! I don't know if this is something you want to do, but if you'd like to add Dvorak I mapped the coordinates for it here:…",{"id":113,"by":11,"text":114},"2982870","I just added the DVORAK layout to the keyboard heatmap and also open sourced it on GitHub, where everybody can contribute his layout preferences:…",{"value":116,"source":74,"evidence":117},"Track modifier and auxiliary keys like shift and delete",[118,122],{"id":119,"by":120,"text":121},"2963496","badusername","I think it would be very useful to track auxiliary keys such as delete, shift etc too. Personally, I tend to use delete a lot as I am a lousy touch typist, and this would help me…",{"id":123,"by":124,"text":125},"2963857","shabble","Shifted keys, or at least upper-case letters should be easily handled. The problem I suspect is deciding which shift key has been used (or whether caps lock is enabled). As far…",{"value":127,"source":74,"evidence":128},"Track ctrl+f \u002F cmd+f usage",[129],{"id":130,"by":131,"text":132},"2963420","ideamonk","If one could monitor number of ctrl+f or cmd+f hits, it could probably indicate how difficult was it to locate content on the page.",[134],{"value":135,"source":74,"evidence":136},"Does it work outside Chrome?",[137,138],{"id":90,"by":91,"text":92},{"id":139,"by":140,"text":141},"2963319","warp","Works for me in Firefox (Firefox 5.0, Ubuntu).",[143],{"value":144,"source":74,"evidence":145},"Colemak layout as another option",[146],{"id":147,"by":148,"text":149},"2972878","marchdown","ditto with colemak (http:\u002F\u002Fcolemak.com)",{"comments":151,"answered":38,"key":152},6,[153,156,157],{"id":154,"text":155},"2963401","that's an interesting idea, I think I'll add a dvorak view in my next session :)",{"id":113,"text":114},{"id":94,"text":95},{"commenters":159,"max_depth":42,"maker_replies":151,"first_comment_mins":160,"lifespan_hours":161},12,37,125,[163,165,167,169,170,171,173,175,177,179,180,182,184,186,188,190,192],[105,33,33,164,106,33],"commenter\u002Fneutral\u002Fdesign",[154,33,33,166,11,34],"maker\u002Fpositive\u002Fidea",[147,33,42,168,148,33],"project\u002Fneutral\u002Fidea",[130,34,42,168,131,33],[119,38,42,168,120,33],[113,42,33,172,11,34],"maker\u002Fpositive\u002Fdesign",[90,32,34,174,91,33],"project\u002Fcritical\u002Fexecution",[139,32,31,176,140,33],"project\u002Fpositive\u002Fexecution",[94,32,33,178,11,34],"project\u002Fneutral\u002Fexecution",[123,32,42,178,124,33],[50,31,31,181,51,33],"project\u002Fpositive\u002Fidea",[54,31,33,183,11,34],"maker\u002Fneutral\u002Fnone",[61,151,33,185,11,34],"project\u002Fneutral\u002Fnone",[109,151,31,187,110,33],"project\u002Fpositive\u002Fdesign",[189,151,33,183,11,34],"2963407",[82,191,31,176,83,33],7,[64,193,31,181,65,33],8,[],[196,201,206,211,216,221],{"id":197,"name":198,"points":199,"category":200},"2959639","BidOnMyDay",113,"web_saas",{"id":202,"name":203,"points":204,"category":205},"2948590","My weekend project (split screen surfing)",71,"consumer_social",{"id":207,"name":208,"points":209,"category":210},"2965812","LightWrite",47,"productivity",{"id":212,"name":213,"points":214,"category":215},"2956003","readfa.st",46,"learning_science",{"id":217,"name":218,"points":219,"category":220},"2949086","Heatwave",41,"dev_tools",{"id":222,"name":223,"points":224,"category":205},"2953964","weekend project",38,false,"v2",{"id":228,"name":5,"line":6,"ai":225,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":229,"top":18,"kw":230,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":231,"url":9,"mix":232,"praise":73,"objection":87,"sub":21},2963109,0.27,[24,25,26,27],"00333015035005055",[31,32,33,34],1794036489981]