[{"data":1,"prerenderedAt":287},["ShallowReactive",2],{"project-3319500":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":5,"maker":10,"posted_at":11,"year":12,"points":13,"comments":14,"rank_in_year":15,"shown_in_year":16,"top":17,"tier":18,"category":19,"subcategory":20,"format":21,"keywords":22,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":33,"aspects":34,"strip":40,"post_text":42,"what":43,"said":63,"maker_in_thread":161,"shape":166,"grid":170,"attempts":251,"same_week":252,"maker_shows":31,"maker_hidden":280,"reader_version":281,"card":282},"3319500","coding.pressbin.com","300x288 pixel clock using HTML5 canvas and Javascript","title","Show HN: 300x288 pixel clock using HTML5 canvas and Javascript","http:\u002F\u002Fcoding.pressbin.com\u002Ffiles\u002F122-pixelclock.html","jawns",1323183779,2011,51,32,240,1097,22,"notable","creative","clock visualization","web_app",[23,24,25,26],"pixel clock","html5 canvas","javascript","time visualization","mixed",0,{"positive":30,"neutral":31,"mixed":30,"critical":32},4,6,3,17,{"design":35,"idea":37,"execution":38},{"positive":36,"critical":28},2,{"positive":36,"critical":36},{"positive":28,"critical":39},1,[32,41,41,28,28,32,28,32,28,32,28,39,28,28,28,28,32,39,32,28,39,28,28,28,32,28,28,41,32,32,41,32],5,null,{"problem":44,"audience":42,"pricing":42,"motivation":42,"time_to_build":42,"stack":52,"openness":62,"stage":62,"team_size":62},{"value":45,"source":46,"evidence":47},"Shows time of day as a visual ratio of elapsed to remaining time","commenter",[48],{"id":49,"by":50,"text":51},"3319717","slmbrhrt","Nice. I've got a minor obsession with alternative ways of displaying the time of day. I've made a canvas clock or two of my own, and I used http:\u002F\u002Fwww.let.rug.nl\u002Fkleiweg\u002Fabclock\u002F…",[53,58],{"value":54,"source":46,"evidence":55},"HTML5 canvas",[56],{"id":57},"post",{"value":59,"source":46,"evidence":60},"JavaScript",[61],{"id":57},"unknown",{"praise":64,"objections":86,"requests":109,"questions":132,"alternatives":140},[65,76],{"value":66,"source":46,"evidence":67},"Visualizing the day spatially is a fresh way to see time",[68,72],{"id":69,"by":70,"text":71},"3319882","mrcharles","It used to be I only thought the day passed slowly. But now I can visualize it. ... I hate you.",{"id":73,"by":74,"text":75},"3320231","thekevan","At initial glance I thought it was too lo-fi. Then I noticed the visual representation. This is nice inspiration, thanks!",{"value":77,"source":46,"evidence":78},"Hour marks and labels improve readability",[79,83],{"id":80,"by":81,"text":82},"3319849","sdfjkl","Quick & dirty hour marks: ``` --- pixelclock.html.orig 2011-12-06 16:40:56.000000000 +0000 +++ pixelclock.html 2011-12-06 16:39:43.000000000 +0000 @@ -23,6 +23,7 @@ var inpos =…",{"id":84,"by":81,"text":85},"3320031","With hour stripes, labels and adjustable width (see source). http:\u002F\u002Fdl.dropbox.com\u002Fu\u002F136288\u002Fpixelclock.html",[87,91,102],{"value":88,"source":46,"evidence":89},"Hard to read exact time at a glance at one-second-per-pixel scale",[90],{"id":49,"by":50,"text":51},{"value":92,"source":46,"evidence":93},"Does not work in IE9 without a doctype",[94,98],{"id":95,"by":96,"text":97},"3319627","revjx","This seems to force quirks mode in IE9, which prevents the pixel clock from displaying. Perhaps the missing DOCTYPE. Lots of things like this don't seem to have even been tested…",{"id":99,"by":100,"text":101},"3327187","city41","Not having a doctype does indeed cause IE to go into quirks mode. This is still true even in IE9. Thankfully, \u003C!DOCTYPE html> is recognized correctly, even by IE6.",{"value":103,"source":46,"evidence":104},"Feels depressing as a reminder of limited time",[105],{"id":106,"by":107,"text":108},"3319678","onemoreact","I found this oddly depressing.",[110,121,128],{"value":111,"source":46,"evidence":112},"Configurable start and end times",[113,117],{"id":114,"by":115,"text":116},"3320189","Stenerson","It would be cool if you could change the start and end times. So instead of 00:00:00 and 23:59:59 I could do something like 09:00 - 16:59:59. Just another tool to get through the…",{"id":118,"by":119,"text":120},"3320229","leeoniya","cool but might be more useful if it's used as a timer rather than a clock or maybe with custom checkpoints. i don't particularly care about 12am-12am. i DO care how much time i…",{"value":122,"source":46,"evidence":123},"Show day and night shading",[124],{"id":125,"by":126,"text":127},"3320213","Avshalom","The other obvious thing to do is to shade it to represent day and night. Though that would require geoip location and a sun rise\u002Fset calculator.",{"value":129,"source":46,"evidence":130},"Add hour marks or color blocks",[131],{"id":49,"by":50,"text":51},[133],{"value":134,"source":46,"evidence":135},"What makes this canvas experiment interesting",[136],{"id":137,"by":138,"text":139},"3319679","mayanksinghal","Can someone please explain what makes this particular canvas experiment so interesting, especially because there are more interesting, complex and beautiful demos available…",[141,148,155],{"value":142,"source":46,"evidence":143},"Life-Clock canvas clock",[144],{"id":145,"by":146,"text":147},"3321816","morrow","I too made a canvas clock (though with a heavier dose of existentialism) a little while ago if you're interested. link: http:\u002F\u002Fmorrow.github.com\u002FLife-Clock\u002F code:…",{"value":149,"source":46,"evidence":150},"1px clock on minimalissimo",[151],{"id":152,"by":153,"text":154},"3319823","huhtenberg","http:\u002F\u002Fminimalissimo.com\u002F2011\u002F02\u002F1px-clock, check out the comments too",{"value":156,"source":46,"evidence":157},"Timeslice app landing page",[158],{"id":159,"by":100,"text":160},"3319988","I also had the same idea: http:\u002F\u002Ftimesliceapp.com That is just a landing page, no product actually exists.",{"comments":39,"answered":28,"key":162},[163],{"id":164,"text":165},"3319746","OP here. My plan is to next render a 270x365x320 brick in a similar manner. I'll leave it up to you to figure out what that will represent.",{"commenters":167,"max_depth":41,"maker_replies":39,"first_comment_mins":168,"lifespan_hours":169},24,38,35,[171,173,175,176,180,181,184,187,189,190,194,196,198,202,205,207,210,212,213,216,217,220,224,227,229,231,234,236,239,241,244,246],[49,28,32,172,50,28],"project\u002Fmixed\u002Fdesign",[80,28,41,174,81,28],"project\u002Fpositive\u002Fdesign",[84,28,41,174,81,28],[177,28,28,178,179,28],"3319889","other\u002Fneutral\u002Fidea","there",[159,28,28,178,100,28],[182,28,32,172,183,28],"3321656","prawn",[185,28,28,186,100,28],"3327130","other\u002Fneutral\u002Fnone",[125,28,32,188,126,28],"project\u002Fneutral\u002Fidea",[145,28,28,178,146,28],[191,39,32,192,193,28],"3320232","project\u002Fmixed\u002Fexecution","simonsarris",[164,36,28,195,10,39],"maker\u002Fneutral\u002Fidea",[106,32,39,197,107,28],"project\u002Fcritical\u002Fidea",[199,32,28,200,201,28],"3319805","commenter\u002Fneutral\u002Fidea","bobbles",[203,32,28,200,204,28],"3319860","corin_",[206,32,28,200,201,28],"3319944",[208,32,28,178,209,28],"3320312","a-priori",[211,32,32,188,146,28],"3320292",[137,30,39,197,138,28],[214,41,32,188,215,28],"3320121","tcarnell",[152,31,28,186,153,28],[95,218,39,219,96,28],7,"project\u002Fcritical\u002Fexecution",[221,218,28,222,223,28],"3319658","commenter\u002Fneutral\u002Fnone","viraptor",[225,218,28,226,96,28],"3319685","commenter\u002Fneutral\u002Fexecution",[228,218,28,226,223,28],"3319715",[99,218,32,230,100,28],"project\u002Fneutral\u002Fexecution",[232,218,28,222,233,28],"3319827","dspillett",[235,218,28,222,96,28],"3319842",[69,237,41,238,70,28],8,"project\u002Fpositive\u002Fidea",[114,240,32,188,115,28],9,[118,242,32,243,119,28],10,"project\u002Fmixed\u002Fidea",[73,245,41,238,74,28],11,[247,248,32,249,250,28],"3319983",12,"project\u002Fneutral\u002Fnone","qntm",[],[253,258,263,267,272,275],{"id":254,"name":255,"points":256,"category":257},"3314679","Bastard's Book of Ruby",105,"learning_science",{"id":259,"name":260,"points":261,"category":262},"3312352","AngelSquare",97,"finance_crypto",{"id":264,"name":265,"points":266,"category":257},"3317824","Bloc",86,{"id":268,"name":269,"points":270,"category":271},"3319099","Errorception",76,"dev_tools",{"id":273,"name":274,"points":13,"category":271},"3321423","LookIO",{"id":276,"name":277,"points":278,"category":279},"3310679","burntbrunch.github.com",40,"data",false,"v2",{"id":283,"name":5,"line":6,"ai":280,"cat":19,"year":12,"points":13,"comments":14,"rec":27,"s":28,"top":17,"kw":284,"maker":10,"domain":5,"tier":18,"attempts":28,"strip":285,"url":9,"mix":286,"praise":66,"objection":88,"sub":20},3319500,[23,24,25,26],"35500303030100003130100030053353",[30,31,30,32],1793990877009]