[{"data":1,"prerenderedAt":531},["ShallowReactive",2],{"project-6833565":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":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":45,"post_text":47,"what":48,"said":72,"maker_in_thread":217,"shape":226,"grid":230,"attempts":492,"same_week":493,"maker_shows":18,"maker_hidden":523,"reader_version":524,"card":525},"6833565","Life","A timeline of important events in (your) life","title","Show HN: Life – A timeline of important events in (your) life","https:\u002F\u002Fgithub.com\u002Fcheeaun\u002Flife","github.com","cheeaun",1385992078,2013,268,94,45,1739,3,"legend","productivity","personal timeline","web_app",[24,25,21,26],"timeline","life events","horizontal timeline","curious",0.224,{"positive":30,"neutral":31,"mixed":32,"critical":33},16,27,2,6,51,{"design":36,"idea":38,"execution":41,"performance":43,"docs":44},{"positive":37,"critical":18},5,{"positive":39,"critical":40},7,1,{"positive":42,"critical":32},0,{"positive":42,"critical":42},{"positive":42,"critical":42},[18,42,42,42,37,37,37,37,42,42,42,42,37,18,18,18,40,42,18,18,18,42,18,40,42,18,40,18,18,40,18,18,18,40,46,37,37,37,37,37],4,null,{"problem":49,"audience":47,"pricing":47,"motivation":55,"time_to_build":47,"stack":61,"openness":70,"stage":71,"team_size":71},{"value":50,"source":51,"evidence":52},"Visualising important life events on a timeline","maker",[53],{"id":54},"post",{"value":56,"source":51,"evidence":57},"Maker visualises their life timeline horizontally in their head",[58],{"id":59,"by":11,"text":60},"6833999","Well uh, that's how I visualize my life timeline in my head :) A straight horizontal path, left to right instead of top to bottom.",[62],{"value":63,"source":64,"evidence":65},"JavaScript","inferred",[66],{"id":67,"by":68,"text":69},"6837201","contingencies","JS has some OK solutions these days (yours was probably very early), but print and other formats can be a hassle. For example, I spent some time looking at TeX solutions for…","open_source","unknown",{"praise":73,"objections":94,"requests":132,"questions":169,"alternatives":188},[74,90],{"value":75,"source":76,"evidence":77},"Clean, beautiful design","commenter",[78,82,86],{"id":79,"by":80,"text":81},"6834885","subleq","That is gorgeous, I love the design.",{"id":83,"by":84,"text":85},"6833787","bearwithclaws","Wow. This is totally cool! I like how simple your implementation is. I can see this is not only useful as timeline of important life events, but also in recording company…",{"id":87,"by":88,"text":89},"6835150","tcpekin","This is fantastic. I just spent half an hour reading through his site.",{"value":91,"source":76,"evidence":92},"Simple implementation",[93],{"id":83,"by":84,"text":85},[95,114,125],{"value":96,"source":76,"evidence":97},"Horizontal scrolling is awkward, especially with mouse or trackpad",[98,102,106,110],{"id":99,"by":100,"text":101},"6833824","toddmorey","My quick web search didn't show anything without caveats, but if there's any decent javascript that can be used to make the mouse wheel scroll the page sideways, that would be a…",{"id":103,"by":104,"text":105},"6834279","meerita","Looks wonderful but the horizontal navigation goes out of control. I would take Path's approach –if I have to mention something publicly known– to display the important events of…",{"id":107,"by":108,"text":109},"6834475","dag11","But that then breaks natural horizontal scrolling if you're using a trackpad.",{"id":111,"by":112,"text":113},"6839074","namuol","Just once I'd like to see a site with a horizontal scroll that doesn't just assume I'm using an Apple device.",{"value":115,"source":76,"evidence":116},"Date syntax is day\u002Fmonth\u002Fyear and hard to use",[117,121],{"id":118,"by":119,"text":120},"6834123","ape4","I can't handle the day\u002Fmonth\u002Fyear syntax",{"id":122,"by":123,"text":124},"6834358","jspc","The DateTime syntax could be better explained: is it DDMMYYYY? Or MMDDYYYY?",{"value":126,"source":76,"evidence":127},"Loads slowly",[128],{"id":129,"by":130,"text":131},"6835176","enscr","Great design but loads slow. Wish it's as snappy as it's beautiful",[133,141,151,158],{"value":134,"source":76,"evidence":135},"Support mouse wheel horizontal scrolling",[136,137],{"id":99,"by":100,"text":101},{"id":138,"by":139,"text":140},"6835134","alvarop","I just press shift + scroll wheel for horizontal scrolling",{"value":142,"source":76,"evidence":143},"Flexible or ISO date formats",[144,147],{"id":145,"by":119,"text":146},"6834824","You are right I should do something rather than just complaining. Maybe somebody (or me) could do a patch that allows YYYY-MM-DD dates with dashes. Or YYYY-MM to specify a month.…",{"id":148,"by":149,"text":150},"6834616","Semaphor","day\u002Fmonth\u002Fyear in the readme is pretty clear I'd say. Though I wonder why not yyyy-mm-dd",{"value":152,"source":76,"evidence":153},"Zoomable timeline",[154],{"id":155,"by":156,"text":157},"6834223","jcutrell","I'd love to see this as a zoomable timeline, where less important events are less visible when zoomed out, so that the timeline itself is fully visible at 100%. Draggable…",{"value":159,"source":76,"evidence":160},"Clickable events with links or pictures",[161,165],{"id":162,"by":163,"text":164},"6833939","kfk","Nice. I would like to navigate clicking. Also, I would like to see pictures.",{"id":166,"by":167,"text":168},"6835950","rafeed","Neat, would be cool to add a link or hover over feature too for additional info on a particular event. I'll try to work on it if I have time, but hopefully someone else more…",[170,181],{"value":171,"source":76,"evidence":172},"Why horizontal layout instead of vertical",[173,177],{"id":174,"by":175,"text":176},"6833924","markdown","I'm curious about why you chose the horizontal plane in the first place, given that the web defaults to vertical.",{"id":178,"by":179,"text":180},"6838327","chacham15","Why not flip it at the 45 degree axis to make it go vertically instead of horizontally? That way we can scroll normally to see more.",{"value":182,"source":76,"evidence":183},"How to run it locally",[184],{"id":185,"by":186,"text":187},"6834059","kuldar","What's the simplest way to run it locally? I don't necessarily want to upload it to gh-pages, but simply opening the html won't work either.",[189,196,203,210],{"value":190,"source":76,"evidence":191},"TimelineJS",[192],{"id":193,"by":194,"text":195},"6833988","cateye","Why didn't you just use this? https:\u002F\u002Fgithub.com\u002FNUKnightLab\u002FTimelineJS",{"value":197,"source":76,"evidence":198},"Timeglider",[199],{"id":200,"by":201,"text":202},"6834481","timeglider","Check out www.timeglider.com ---- a zooming timeline where importance is tied to size\u002Fvisibility of events. full disclosure: my creation.",{"value":204,"source":76,"evidence":205},"Preceden",[206],{"id":207,"by":208,"text":209},"6834083","jongala","Looks nice. Also out there, if you didn't know, is Preceden, which I have enjoyed using. http:\u002F\u002Fwww.preceden.com",{"value":211,"source":76,"evidence":212},"SIMILE Timeline",[213],{"id":214,"by":215,"text":216},"6835344","rollerloller","http:\u002F\u002Fwww.simile-widgets.org\u002Ftimeline\u002F",{"comments":37,"answered":32,"key":218},[219,222,225],{"id":220,"text":221},"6833816","Thanks :) Haven't really thought of company milestones... but I guess you're right!",{"id":223,"text":224},"6833847","I thought of that too, probably using some 'mousewheel' event, but later I realise the page height may grow as well (with vertical scrollbar) depending on the number of events.",{"id":59,"text":60},{"commenters":227,"max_depth":39,"maker_replies":37,"first_comment_mins":228,"lifespan_hours":229},74,41,35,[231,235,239,241,245,249,252,254,257,259,261,265,268,272,274,275,279,281,284,287,289,291,294,297,300,303,306,307,310,311,312,314,316,318,319,320,321,325,328,332,335,338,340,343,347,350,351,354,357,360,364,367,369,371,374,376,379,381,383,385,389,391,395,398,402,404,407,410,413,414,416,418,422,426,429,432,434,437,439,442,443,447,450,454,458,462,464,466,469,473,477,481,484,488],[232,42,18,233,234,42],"6834254","project\u002Fneutral\u002Fnone","kaeluka",[236,42,42,237,238,42],"6834416","commenter\u002Fneutral\u002Fnone","Argorak",[240,42,42,237,234,42],"6834484",[242,42,42,243,244,42],"6834555","commenter\u002Fpositive\u002Fnone","sagz",[246,42,42,247,248,42],"6834626","other\u002Fneutral\u002Fnone","conmcg",[250,42,42,247,251,42],"6835108","baliex",[253,42,42,247,234,42],"6835547",[255,42,42,237,256,42],"6835244","jason_slack",[258,42,42,237,234,42],"6835721",[260,42,42,243,256,42],"6844208",[262,42,37,263,264,42],"6834544","project\u002Fpositive\u002Fnone","thearn4",[266,42,18,233,267,42],"6834663","networked",[269,42,37,270,271,42],"6834665","project\u002Fpositive\u002Fdesign","yannis",[273,42,42,237,234,42],"6835625",[79,42,37,270,80,42],[276,42,37,277,278,42],"6835493","project\u002Fpositive\u002Fidea","pavanred",[280,42,42,247,234,42],"6835554",[282,42,37,270,283,42],"6837221","yeukhon",[285,40,42,247,286,42],"6834972","amasad",[87,40,42,288,88,42],"other\u002Fpositive\u002Fnone",[129,40,42,290,130,42],"other\u002Fneutral\u002Fperformance",[292,40,42,290,293,42],"6835432","hnriot",[295,32,42,288,296,42],"6833915","xutopia",[298,32,42,247,299,42],"6836365","mildavw",[301,32,42,302,283,42],"6837230","other\u002Fcritical\u002Fdesign",[304,32,42,305,299,42],"6837939","other\u002Fneutral\u002Fdesign",[207,18,42,247,208,42],[308,18,42,247,309,42],"6834378","matt1",[67,18,42,247,68,42],[83,46,37,270,84,42],[220,46,42,313,11,40],"maker\u002Fneutral\u002Fidea",[315,46,18,313,84,42],"6833835",[99,37,18,317,100,42],"project\u002Fneutral\u002Fexecution",[223,37,42,317,11,40],[174,37,18,313,175,42],[59,37,42,313,11,40],[322,37,18,323,324,42],"6834172","project\u002Fneutral\u002Fdesign","bgaluszka",[326,37,18,317,327,42],"6834212","crazysaem",[329,37,40,330,331,42],"6834187","project\u002Fcritical\u002Fexecution","seiji",[333,37,42,237,334,42],"6834472","oneweekwonder",[336,37,42,237,337,42],"6834597","mildtrepidation",[339,37,42,237,331,42],"6834761",[341,37,42,237,342,42],"6834833","mimiflynn",[344,37,18,345,346,42],"6835770","project\u002Fneutral\u002Fperformance","saraid216",[348,37,42,237,349,42],"6834595","ojii",[138,37,18,317,139,42],[352,37,42,247,353,42],"6836542","pbhjpbhj",[355,37,18,323,356,42],"6835396","sdqali",[358,37,18,323,359,42],"6835488","jonemo",[361,37,42,362,363,42],"6837424","other\u002Fpositive\u002Fdesign","msutherl",[365,37,42,362,366,42],"6838852","NathanthePie",[155,33,18,368,156,42],"project\u002Fneutral\u002Fidea",[200,33,42,370,201,42],"other\u002Fneutral\u002Fidea",[372,33,18,368,373,42],"6834927","WesleyJohnson",[193,39,40,375,194,42],"project\u002Fcritical\u002Fidea",[377,39,40,330,378,42],"6834003","dmak",[380,39,42,313,11,40],"6834030",[214,382,42,247,215,42],8,[166,384,18,368,167,42],9,[386,387,42,247,388,42],"6835164",10,"atsaloli",[178,390,18,323,179,42],11,[392,390,42,393,394,42],"6839555","commenter\u002Fneutral\u002Fdesign","Raphael",[111,396,40,397,112,42],12,"project\u002Fcritical\u002Fdesign",[399,400,18,368,401,42],"6834516",13,"mergy",[162,403,18,323,163,42],14,[405,403,42,237,406,42],"6834137","Heliosmaster",[408,403,42,237,409,42],"6834407","atmosx",[411,412,18,317,156,42],"6834360",15,[107,412,40,397,108,42],[415,412,18,323,156,42],"6834547",[103,30,18,417,104,42],"project\u002Fmixed\u002Fdesign",[419,420,18,368,421,42],"6834330",17,"kasperset",[423,424,18,368,425,42],"6842359",18,"thekaleb",[185,427,18,428,186,42],19,"project\u002Fneutral\u002Fdocs",[430,427,42,431,11,40],"6834094","maker\u002Fneutral\u002Fdocs",[433,427,18,428,186,42],"6834144",[435,427,18,428,436,42],"6834393","filam",[118,438,40,397,119,42],20,[440,438,42,237,441,42],"6834356","becojo",[145,438,18,323,119,42],[444,445,18,417,446,42],"6834305",21,"techiegirl",[448,449,37,277,251,42],"6835104",22,[451,452,37,277,453,42],"6835090",23,"ereckers",[455,456,37,270,457,42],"6836115",24,"createmyaccount",[459,460,37,277,461,42],"6834712",25,"tbirdz",[122,463,18,428,123,42],26,[148,463,42,465,149,42],"commenter\u002Fneutral\u002Fdocs",[467,31,37,277,468,42],"6836037","yogin",[470,471,18,368,472,42],"6837839",28,"lzimm",[474,475,37,277,476,42],"6833833",29,"cupofjoakim",[478,479,37,263,480,42],"6834524",30,"n1ghtmare_",[482,483,37,277,378,42],"6833993",31,[485,486,37,263,487,42],"6838316",32,"CGudapati",[489,490,37,263,491,42],"6834635",33,"ananth99",[],[494,499,504,509,514,519],{"id":495,"name":496,"points":497,"category":498},"6815282","Probabilistically Generating HN Post Titles",683,"languages",{"id":500,"name":501,"points":502,"category":503},"6844565","Banker News",422,"web_saas",{"id":505,"name":506,"points":507,"category":508},"6842697","Bitrated",155,"finance_crypto",{"id":510,"name":511,"points":512,"category":513},"6828477","GuessHub",122,"games",{"id":515,"name":516,"points":517,"category":518},"6824017","Headline Smasher",97,"learning_science",{"id":520,"name":521,"points":522,"category":20},"6819042","hackertray",91,false,"v2",{"id":526,"name":5,"line":6,"ai":523,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":527,"top":18,"kw":528,"maker":11,"domain":10,"tier":19,"attempts":42,"strip":529,"url":9,"mix":530,"praise":75,"objection":96,"sub":21},6833565,0.22,[24,25,21,26],"3000555500005333103330310313313331455555",[30,31,32,33],1794036512884]