[{"data":1,"prerenderedAt":364},["ShallowReactive",2],{"project-24869897":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":44,"post_text":45,"what":46,"said":57,"maker_in_thread":161,"shape":174,"grid":177,"attempts":321,"same_week":329,"maker_shows":33,"maker_hidden":357,"reader_version":358,"card":359},"24869897","react-chrono","A timeline component for React with multiple layout modes","title","Show HN: Built a timeline component for React with multiple layout modes","https:\u002F\u002Fgithub.com\u002Fprabhuignoto\u002Freact-chrono","github.com","prabhuignoto",1603463605,2020,269,56,165,3028,6,"legend","dev_tools","ui component library","library",[24,25,26,27],"react timeline","react component","timeline layout","react chrono","mixed",0.22,{"positive":31,"neutral":32,"mixed":33,"critical":34},10,9,2,5,26,{"docs":37,"idea":39,"design":41,"execution":43},{"positive":38,"critical":38},1,{"positive":33,"critical":40},0,{"positive":42,"critical":42},3,{"positive":40,"critical":38},[34,40,34,34,38,40,40,40,40,38,40,40,40,42,40,42,34,42,38,34,40,42,42,40,34,40,42,42,40,34,38,40,42,34,42,40,34,34,40,38],null,{"problem":45,"audience":45,"pricing":45,"motivation":45,"time_to_build":45,"stack":47,"openness":54,"stage":55,"team_size":56},[48],{"value":49,"source":50,"evidence":51},"React","inferred",[52],{"id":53},"post","open_source","beta","unknown",{"praise":58,"objections":82,"requests":101,"questions":145,"alternatives":153},[59,75],{"value":60,"source":61,"evidence":62},"Clean design and well-written docs with a demo up front","commenter",[63,67,71],{"id":64,"by":65,"text":66},"24872726","waterside81","I don't know much about React, but I look at projects on github all the time and you nailed everything here. Demo right up front, well organized & well written docs, tests…",{"id":68,"by":69,"text":70},"24871862","OliverGilan","Super clean very good work",{"id":72,"by":73,"text":74},"24876228","vikashkoushik","This excellent! Thank you this. Love it.",{"value":76,"source":61,"evidence":77},"Useful for displaying timelines such as event agendas",[78],{"id":79,"by":80,"text":81},"24870866","nakovet","Thanks for sharing it, I will try to use this soon to display an Event agenda.",[83,90,94],{"value":84,"source":61,"evidence":85},"Accessibility is incomplete: no landmarks, weak keyboard navigation, no focus indicator",[86],{"id":87,"by":88,"text":89},"24872836","justinph","The accessibility of this leaves a lot to be desired: - There are no landmarks. - The keyboard navigation works poorly. - There are no live regions to show changing content. -…",{"value":91,"source":61,"evidence":92},"Some advanced layouts do not work in Safari",[93],{"id":87,"by":88,"text":89},{"value":95,"source":61,"evidence":96},"The tree layout name is confusing",[97],{"id":98,"by":99,"text":100},"24871624","xixixao","I think `tree` is a bit confusing for what is essentially still linear vertical diagram. You can imagine you could have a layout with actual branches.",[102,113,124,131,138],{"value":103,"source":61,"evidence":104},"Responsive layout support",[105,109],{"id":106,"by":107,"text":108},"24870492","momothereal","I'll keep an eye on this for the responsive feature that's planned! I recently implemented a timeline on the https:\u002F\u002Fwavy.fm front page to communicate that the website is still…",{"id":110,"by":111,"text":112},"24871891","asadlionpk","Thanks for making this. I am hoping this is responsive.",{"value":114,"source":61,"evidence":115},"Click-and-drag and scroll navigation",[116,120],{"id":117,"by":118,"text":119},"24870523","piercebot","The ability to click and drag the timeline to scroll through it would be an excellent addition!",{"id":121,"by":122,"text":123},"24873444","jaquers","Looks great, lots of presentation options and whatnot, but I was missing the ability to scroll on desktop.",{"value":125,"source":61,"evidence":126},"Scale spacing between entries by time gap",[127],{"id":128,"by":129,"text":130},"24871356","Tossrock","I've wanted something like this for a while, but it's missing what to me is the most important feature: scaling the distance between entries based on the length of time between…",{"value":132,"source":61,"evidence":133},"Zoom out feature",[134],{"id":135,"by":136,"text":137},"24871593","phailhaus","Is it possible to zoom out? It's hard to place events relatively to each other if you can only see 2-3 on the screen at a time.",{"value":139,"source":61,"evidence":140},"Multiple synced side-by-side timelines",[141],{"id":142,"by":143,"text":144},"24870873","jakear","I expected `tree` to allow multiple side by side (but still synced) timelines. For instance in your examples there'd be one line for European ops, and another for Japanese. Any…",[146],{"value":147,"source":61,"evidence":148},"Does it support printing or PDF export?",[149],{"id":150,"by":151,"text":152},"24876164","naderkhalil","This is really cool! Does it support printing or converting to pdf well?",[154],{"value":155,"source":61,"evidence":156},"ChronoFlo Timeline Maker",[157],{"id":158,"by":159,"text":160},"24871248","alexkearns","Great job - your timeline widget looks really neat. I look forward to seeing how it develops in future. For your interest, there is a small group of hobbyist developers and small…",{"comments":162,"answered":163,"key":164},19,4,[165,168,171],{"id":166,"text":167},"24873236","thank you",{"id":169,"text":170},"24871972","thank you. chronoflotimline is pretty sweet.",{"id":172,"text":173},"24872004","thanks for your response. please give it a try and let me know how it works out for you",{"commenters":175,"max_depth":18,"maker_replies":162,"first_comment_mins":15,"lifespan_hours":176},36,43,[178,180,182,184,186,190,191,193,196,199,202,204,207,210,213,216,218,221,223,226,229,232,236,238,240,242,243,246,249,251,254,256,257,259,261,263,265,266,268,270,272,276,278,283,286,290,293,295,298,300,302,305,307,309,311,316],[64,40,34,179,65,40],"maker\u002Fpositive\u002Fdocs",[166,40,40,181,11,38],"maker\u002Fneutral\u002Fnone",[158,38,34,183,159,40],"maker\u002Fpositive\u002Fnone",[169,38,40,185,11,38],"commenter\u002Fneutral\u002Fnone",[187,33,34,188,189,40],"24871241","project\u002Fpositive\u002Fidea","zbq",[172,33,40,181,11,38],[87,42,38,192,88,40],"project\u002Fcritical\u002Fdesign",[194,42,40,195,11,38],"24873233","project\u002Fneutral\u002Fdesign",[197,42,40,185,198,40],"24875552","mdifrgechd",[200,42,40,185,201,40],"24875799","leppr",[203,42,40,181,11,38],"24880213",[205,42,40,185,206,40],"24873347","rasapetter",[208,42,38,192,209,40],"24873761","onion2k",[211,42,40,212,11,38],"24873851","maker\u002Fneutral\u002Fdesign",[214,42,40,185,215,40],"24874318","emteycz",[217,42,40,185,209,40],"24877441",[219,42,40,185,220,40],"24877736","yazaddaruvala",[222,42,40,185,215,40],"24877789",[224,42,42,195,225,40],"24874995","akeck",[227,42,40,185,228,40],"24875404","cagenut",[230,42,40,185,231,40],"24876968","jjeaff",[233,42,42,234,235,40],"24877884","project\u002Fneutral\u002Fexecution","thiht",[106,163,34,237,107,40],"project\u002Fpositive\u002Fdesign",[239,163,40,181,11,38],"24870752",[142,34,42,241,143,40],"project\u002Fneutral\u002Fidea",[98,34,38,192,99,40],[244,34,42,195,245,40],"24871892","positivejam",[247,34,34,237,248,40],"24874797","alanning",[250,34,40,195,11,38],"24871991",[252,34,42,195,253,40],"24877567","framecowbird",[255,34,40,195,11,38],"24880202",[117,18,42,241,118,40],[258,18,40,241,11,38],"24870738",[128,260,42,241,129,40],7,[110,262,34,183,111,40],8,[264,262,40,195,11,38],"24873268",[135,32,42,195,136,40],[267,32,40,195,11,38],"24871955",[121,31,42,269,122,40],"project\u002Fmixed\u002Fdesign",[271,31,40,241,11,38],"24873948",[273,274,34,183,275,40],"24874305",11,"gherkinnn",[277,274,40,181,11,38],"24883615",[279,280,38,281,282,40],"24872875",12,"project\u002Fcritical\u002Fdocs","Piisamirotta",[284,280,40,185,285,40],"24872901","doublerabbit",[287,280,42,288,289,40],"24873520","project\u002Fmixed\u002Fdocs","YourMatt",[291,280,40,292,11,38],"24873825","project\u002Fneutral\u002Fdocs",[79,294,34,188,80,40],13,[296,294,40,297,11,38],"24871029","project\u002Fneutral\u002Fnone",[150,299,42,297,151,40],14,[301,299,40,297,11,38],"24883616",[72,303,34,304,73,40],15,"project\u002Fpositive\u002Fnone",[306,303,40,181,11,38],"24876534",[68,308,34,237,69,40],16,[310,308,40,181,11,38],"24871959",[312,313,38,314,315,40],"24885123",17,"project\u002Fcritical\u002Fexecution","naeemnur",[317,318,40,319,320,40],"24872998",18,"other\u002Fneutral\u002Fnone","jaequery",[322,325,326],{"id":323,"t":324,"points":42,"comments":40},"24781048",1602706603,{"id":4,"t":12,"points":14,"comments":15},{"id":327,"t":328,"points":33,"comments":40},"45879509",1762801430,[330,335,339,343,347,352],{"id":331,"name":332,"points":333,"category":334},"24898373","Dendron",313,"productivity",{"id":336,"name":337,"points":338,"category":20},"24886120","which-dns",283,{"id":340,"name":341,"points":342,"category":20},"24906237","Austin-Tui",256,{"id":344,"name":345,"points":346,"category":334},"24897812","Personal CRM",175,{"id":348,"name":349,"points":350,"category":351},"24872754","Perfect Pitch Ear Training",172,"learning_science",{"id":353,"name":354,"points":355,"category":356},"24920904","Blocks",133,"games",false,"v2",{"id":360,"name":5,"line":6,"ai":357,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":29,"top":18,"kw":361,"maker":11,"domain":10,"tier":19,"attempts":42,"strip":362,"url":9,"mix":363,"praise":60,"objection":84,"sub":21},24869897,[24,25,26,27],"5055100001000303531503305033051035305501",[31,32,33,34],1794036597606]