[{"data":1,"prerenderedAt":393},["ShallowReactive",2],{"project-25713858":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":34,"aspects":35,"strip":41,"post_text":43,"what":44,"said":83,"maker_in_thread":196,"shape":204,"grid":208,"attempts":354,"same_week":355,"maker_shows":295,"maker_hidden":385,"reader_version":386,"card":387},"25713858","hn-big-threads","Using flamegraphs to read big HN threads","title","Show HN: Using flamegraphs to read big HN threads","https:\u002F\u002Ftrungdq88.github.io\u002Fhn-big-threads\u002Findex.html","trungdq88.github.io","trungdq88",1610280187,2021,248,59,155,2533,7,"notable","consumer_social","hacker news reader","web_app",[24,25,26,27],"hacker news","flamegraph","comment threads","thread visualization","mixed",0.125,{"positive":31,"neutral":32,"mixed":33,"critical":32},8,5,3,21,{"design":36,"idea":37,"execution":40},{"positive":33,"critical":33},{"positive":38,"critical":39},4,1,{"positive":39,"critical":39},[42,33,32,39,33,32,39,42,32,39,42,42,42,42,42,42,42,33,33,42,42,33,42,42,42,32,39,32,33,32,42,39,32,33,42,42,42,42,42,42],0,null,{"problem":45,"audience":52,"pricing":43,"motivation":61,"time_to_build":43,"stack":65,"openness":80,"stage":81,"team_size":82},{"value":46,"source":47,"evidence":48},"Hard to navigate large Hacker News threads with thousands of comments","maker",[49],{"id":50,"by":11,"text":51},"25713875","Not sure how everybody does it but I usually feel lost navigating in big threads like this one with ~3000 comments https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=25706993 So here is my…",{"value":53,"source":54,"evidence":55},"Hacker News readers browsing big threads","inferred",[56,57],{"id":50,"by":11,"text":51},{"id":58,"by":59,"text":60},"25726268","abinaya_rl","OMG, This is all I wanted. Thank you so much for building this. I think it will make easy to read long HN threads. I'm interested to learn more on the tech stack behind this…",{"value":62,"source":47,"evidence":63},"Felt lost navigating big threads",[64],{"id":50,"by":11,"text":51},[66,72],{"value":67,"source":47,"evidence":68},"d3-flame-graph plugin",[69],{"id":70,"by":11,"text":71},"25725828","You can just Right click -> View source to read my crappy code. I just plug the HN API together with a graph library called d3-flame-graph [1]. [1]…",{"value":73,"source":74,"evidence":75},"HN Firebase API data","commenter",[76],{"id":77,"by":78,"text":79},"25726298","philshem","here's the source code: https:\u002F\u002Fgithub.com\u002Ftrungdq88\u002Fhn-big-threads the data comes from the firebase API: https:\u002F\u002Fgithub.com\u002Ftrungdq88\u002Fhn-big-threads\u002Fblob\u002Fmaster\u002Fcode.js#L3 the…","open_source","prototype","solo",{"praise":84,"objections":101,"requests":134,"questions":161,"alternatives":174},[85,97],{"value":86,"source":74,"evidence":87},"Makes big threads easier to scan",[88,92,93],{"id":89,"by":90,"text":91},"25726579","dave_sullivan","This is pretty cool, it is easier to scan around comments and threads more quickly. Reddit could use this.",{"id":58,"by":59,"text":60},{"id":94,"by":95,"text":96},"25725375","rablackburn","This is fantastic. You know you’ve come up with a good visualisation when it feels so instantly familiar. I’m trying to think of how you can convert some ancillary information…",{"value":98,"source":74,"evidence":99},"Familiar and intuitive visualization",[100],{"id":94,"by":95,"text":96},[102,117,127],{"value":103,"source":74,"evidence":104},"Navigation is awkward and unclear",[105,109,113],{"id":106,"by":107,"text":108},"25724780","NamTaf","Nifty, but I found the navigation to be a little odd at first. I didn't immediately realise the bottom row is always the OP, and so tried to hit my back button to travel back…",{"id":110,"by":111,"text":112},"25728120","injidup","A tree view with terrible UX.",{"id":114,"by":115,"text":116},"25724464","alanbernstein","Really neat idea, a little awkward to navigate in this v1 prototype. I'm imagining replacing the vertical scrollbar with a 90 degree rotation of the flamegraph. Call it a…",{"value":118,"source":74,"evidence":119},"Thin bars make it hard to read small threads",[120,124],{"id":121,"by":122,"text":123},"25743157","devinrhode2","Loaded for first time on my pixel 3. Loaded fine I guess, but too small to glean anything :( I then zoomed in and nothing happened, then I was zoomed way too far in, and the page…",{"id":125,"by":11,"text":126},"25724858","Thanks :) I choose to use the username because in big threads, most of the bars are very thin. There isn't much room to show anything anyway...",{"value":128,"source":74,"evidence":129},"Emphasizes deep threads over breadth",[130],{"id":131,"by":132,"text":133},"25725373","krick","I'm not sure if it helps much. It emphasizes deep threads. Do we care for deep threads? Well, not really. Usually we want to see threads with a lot of votes and a lot of replies…",[135,142,149],{"value":136,"source":74,"evidence":137},"Hover tooltips showing full comment and click to zoom context",[138],{"id":139,"by":140,"text":141},"25729407","dilap","I almost love it; clicking on a comment zooms in the graph, which loses context and is not what I usually want. But I think if you just made it so that hover loaded the complete…",{"value":143,"source":74,"evidence":144},"Browser extension version",[145],{"id":146,"by":147,"text":148},"25730669","bohrious","Beautiful work!! I would use this every day as a browser extension for HN\u002Freddit. the vertical minimap would probably be the ideal implementation. Fly-to navigation for narrowing…",{"value":150,"source":74,"evidence":151},"Collapse children while keeping top-level comments visible",[152,153,157],{"id":131,"by":132,"text":133},{"id":154,"by":155,"text":156},"25726516","BelenusMordred","> ability to collapse all of the children w\u002Fo collapsing the parent-post itself, and showing multiple top-level posts Very much agree, for big threads here and on reddit I…",{"id":158,"by":159,"text":160},"25728637","jp57","Yes. I would like a mode for HN and Reddit where only top-level comment are visible and threads must be expanded explicitly, with the same true recursively. If I'm not interested…",[162,170],{"value":163,"source":74,"evidence":164},"How is the data collected and built",[165,169],{"id":166,"by":167,"text":168},"25724990","snow_mac","LOVE THIS. So cool. How'd you build it?",{"id":58,"by":59,"text":60},{"value":171,"source":74,"evidence":172},"Is the left-to-right order by votes",[173],{"id":106,"by":107,"text":108},[175,182,189],{"value":176,"source":74,"evidence":177},"Forum Explorer",[178],{"id":179,"by":180,"text":181},"25727285","jamessb","Andrew McNutt's Forum Explorer also visualizes forum discussions and supports HN [1] (it was discussed on HN last year [2]). [1]: https:\u002F\u002Fwww.mcnutt.in\u002Fforum-explorer\u002F [2]:…",{"value":183,"source":74,"evidence":184},"Kialo",[185],{"id":186,"by":187,"text":188},"25739760","chr1","This is really great, can be a first step towards making a site for more structured way to debate. Kind of similar to kialo…",{"value":190,"source":74,"evidence":191},"Hacker News Enhancement Suite",[192],{"id":193,"by":194,"text":195},"25724429","5986043handy","I personally find the Hacker News Extension Suite [1] to be incredibly useful.…",{"comments":197,"answered":38,"key":198},15,[199,200,201],{"id":50,"text":51},{"id":125,"text":126},{"id":202,"text":203},"25731019","Thanks for the feedback. I realized most HN comments are not that long, so I updated the page to show all the comment in the tooltip (instead of only 100 first chars previously).",{"commenters":205,"max_depth":206,"maker_replies":197,"first_comment_mins":33,"lifespan_hours":207},39,6,51,[209,211,215,217,219,223,224,226,229,231,235,237,239,241,244,248,252,253,254,257,260,263,265,267,269,271,272,274,275,277,279,280,283,286,289,291,294,296,298,300,302,304,305,307,308,312,314,315,319,324,326,328,330,333,337,341,343,346,350],[50,42,42,210,11,39],"project\u002Fneutral\u002Fidea",[212,42,33,213,214,42],"25724311","project\u002Fmixed\u002Fdesign","boulos",[125,42,42,216,11,39],"project\u002Fneutral\u002Fdesign",[89,42,32,218,90,42],"project\u002Fpositive\u002Fidea",[220,42,39,221,222,42],"25727026","project\u002Fcritical\u002Fdesign","bryanrasmussen",[139,42,33,213,140,42],[202,42,42,225,11,39],"project\u002Fneutral\u002Fexecution",[227,42,32,228,140,42],"25732713","project\u002Fpositive\u002Fexecution",[230,39,42,225,11,39],"25727425",[232,39,39,233,234,42],"25728617","project\u002Fcritical\u002Fexecution","dandare",[236,39,42,225,11,39],"25730673",[146,39,32,238,147,42],"project\u002Fpositive\u002Fdesign",[240,39,42,225,11,39],"25730970",[131,242,39,243,132,42],2,"project\u002Fcritical\u002Fidea",[245,242,42,246,247,42],"25725498","commenter\u002Fneutral\u002Fnone","mssundaram",[249,242,42,250,251,42],"25726491","other\u002Fneutral\u002Fnone","dlkf",[154,242,42,246,155,42],[158,242,42,250,159,42],[255,242,42,250,256,42],"25727887","phil294",[258,242,42,246,259,42],"25728200","BlueTemplar",[261,242,42,246,262,42],"25729102","zwily",[264,242,42,246,259,42],"25731333",[266,242,42,246,262,42],"25736828",[268,242,42,246,259,42],"25747776",[270,242,42,210,11,39],"25730549",[114,33,33,216,115,42],[273,33,42,216,11,39],"25725259",[106,38,33,213,107,42],[276,38,42,225,11,39],"25724911",[278,38,42,225,11,39],"25728027",[179,32,33,210,180,42],[281,206,33,216,282,42],"25725217","jarboot",[284,18,42,250,285,42],"25729232","m4tthumphrey",[287,18,42,250,288,42],"25729809","Meleagris",[290,18,42,250,11,39],"25730802",[292,31,42,250,293,42],"25726933","contravariant",[94,295,32,238,95,42],9,[297,295,42,216,11,39],"25725856",[121,299,39,221,122,42],10,[186,301,32,218,187,42],11,[58,303,32,218,59,42],12,[77,303,33,225,78,42],[166,306,32,238,167,42],13,[70,306,42,225,11,39],[309,310,42,250,311,42],"25726353",14,"MarxOk",[313,310,42,250,11,39],"25730835",[110,197,39,221,111,42],[316,317,32,218,318,42],"25724422",16,"sjg007",[320,321,33,322,323,42],"25731574",17,"project\u002Fneutral\u002Fnone","jgtrosh",[325,321,42,225,11,39],"25731731",[193,327,42,250,194,42],18,[329,327,42,250,194,42],"25724437",[331,327,42,250,332,42],"25724442","Axsuul",[334,327,42,335,336,42],"25724659","other\u002Fcritical\u002Fprivacy","colordrops",[338,327,42,339,340,42],"25725597","other\u002Fneutral\u002Fprivacy","colejohnson66",[342,327,42,339,336,42],"25740539",[344,327,42,250,345,42],"25724715","keanebean86",[347,327,42,348,349,42],"25726293","other\u002Fcritical\u002Fnone","fireattack",[351,352,42,250,353,42],"25725747",19,"timonoko",[],[356,361,366,371,376,380],{"id":357,"name":358,"points":359,"category":360},"25677272","Synergy",343,"languages",{"id":362,"name":363,"points":364,"category":365},"25749492","Amplication",272,"dev_tools",{"id":367,"name":368,"points":369,"category":370},"25750807","Vantage",221,"infrastructure",{"id":372,"name":373,"points":374,"category":375},"25683808","Ecco",185,"ai",{"id":377,"name":378,"points":379,"category":370},"25671919","I built an intercom for my 6 yo to keep us connected during quarantine",181,{"id":381,"name":382,"points":383,"category":384},"25678568","Leet Resumes",147,"productivity",false,"v2",{"id":388,"name":5,"line":6,"ai":385,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":389,"top":18,"kw":390,"maker":11,"domain":10,"tier":19,"attempts":42,"strip":391,"url":9,"mix":392,"praise":86,"objection":103,"sub":21},25713858,0.13,[24,25,26,27],"0351351051000000033003000515350153000000",[31,32,33,32],1794036601101]