[{"data":1,"prerenderedAt":351},["ShallowReactive",2],{"project-11167000":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":46,"what":47,"said":57,"maker_in_thread":207,"shape":216,"grid":221,"attempts":314,"same_week":315,"maker_shows":38,"maker_hidden":343,"reader_version":344,"card":345},"11167000","git-visualizer","GitHub project structure visualizer","title","Show HN: GitHub project structure visualizer","http:\u002F\u002Fveniversum.github.io\u002Fgit-visualizer\u002F","veniversum.github.io","veniversum",1456324707,2016,141,40,247,2264,11,"notable","dev_tools","code visualization","web_app",[24,25,26,27],"github","repository visualization","directory structure","force directed graph","debated",0.007,{"positive":31,"neutral":32,"mixed":33,"critical":34},8,6,3,7,24,{"design":37,"idea":40,"performance":42,"execution":43},{"positive":38,"critical":39},1,2,{"positive":38,"critical":41},0,{"positive":38,"critical":39},{"positive":41,"critical":33},[38,41,41,33,41,33,41,41,41,33,41,45,41,38,33,38,45,41,33,45,33,41,38,33,41,45,41,41,41,38,45,33,41,41,45,33,45,38,38,45],5,null,{"problem":46,"audience":46,"pricing":46,"motivation":46,"time_to_build":46,"stack":48,"openness":56,"stage":56,"team_size":56},[49],{"value":50,"source":51,"evidence":52},"client-side JavaScript","maker",[53],{"id":54,"by":11,"text":55},"11167383","That's a cool idea! However as of right now this is a completely client-side JS app, it might take too much processing power and API requests to analyze individual files.","unknown",{"praise":58,"objections":75,"requests":114,"questions":155,"alternatives":163},[59],{"value":60,"source":61,"evidence":62},"Fast loading and visually impressive graphs","commenter",[63,67,71],{"id":64,"by":65,"text":66},"11167714","michaelmior","I'm impressed with how fast this loads. Nice work!",{"id":68,"by":69,"text":70},"11167189","xtacy","Very nice visualisation! It would be good to gracefully handle large graphs. I typed in \"torvalds\u002Flinux\" and my tab froze!",{"id":72,"by":73,"text":74},"11167362","brbsix","That's incredible. I feel like I'm looking at a cell slide of a living organism.",[76,91,99,106],{"value":77,"source":61,"evidence":78},"Constantly moving force-directed layout makes nodes hard to click and is laggy",[79,83,87],{"id":80,"by":81,"text":82},"11167963","nkrisc","Why does it move and wiggle? It makes it unnecessarily hard to click on nodes. Also, it took me at least 30 seconds to figure out how to start at all as I didn't notice the small…",{"id":84,"by":85,"text":86},"11168107","artursapek","I agree, it shouldn't have to be moving immediately. It makes the page much laggier than it has to be.",{"id":88,"by":89,"text":90},"11168499","Wintamute","I'm looking forward to one day being shown a \"visualizer\" that actually gives me sane insight into the structure, instead of some wibbly-wobbly animated node graph that I have to…",{"value":92,"source":61,"evidence":93},"Freezes or slows the browser on large repos like torvalds\u002Flinux",[94,95],{"id":68,"by":69,"text":70},{"id":96,"by":97,"text":98},"11169349","hyperchase","torvalds\u002Flinux is utter chaos, brings chrome to a crawl :P",{"value":100,"source":61,"evidence":101},"Labels require hovering; hard to read at a glance",[102],{"id":103,"by":104,"text":105},"11167378","leeoniya","neato, but would be much more neato if I didn't need to hover for labels [1] - at least at the first few levels also would be cool to color\u002Fheatmap them by recent modification…",{"value":107,"source":61,"evidence":108},"Form inputs are hard to find and conflict with ad blockers",[109,110],{"id":80,"by":81,"text":82},{"id":111,"by":112,"text":113},"11168165","riquito","To the author and any other with the same problem: I had to disable ublock origin to view the form at top left",[115,122,129,136,140],{"value":116,"source":61,"evidence":117},"Analyze cross-file dependencies such as includes or imports",[118],{"id":119,"by":120,"text":121},"11167349","tlipcon","Suggestion: add an option to look at file contents and analyze cross-file dependencies (eg c\u002Fc++ #includes or java imports)",{"value":123,"source":61,"evidence":124},"Show labels by default at top levels",[125,126],{"id":103,"by":104,"text":105},{"id":127,"by":11,"text":128},"11167794","Great suggestions! Might make it so that root level directories have their label always shown.",{"value":130,"source":61,"evidence":131},"Search or filter nodes by name",[132],{"id":133,"by":134,"text":135},"11168761","mkoryak","awesome tool! One feature request: Being able to search\u002Ffilter by name. I often find some file being included in the build and its a pain to track down exactly who uses it (ok,…",{"value":137,"source":61,"evidence":138},"Color nodes by modification date, file size or lines of code",[139],{"id":103,"by":104,"text":105},{"value":141,"source":61,"evidence":142},"Clickable example links and error messages for missing repos",[143,147,151],{"id":144,"by":145,"text":146},"11168327","swanson","You should make the example text (\"Try atom\u002Fatom\") a link so I don't have to type in the boxes myself :)",{"id":148,"by":149,"text":150},"11168011","daveloyall","There is no error message when you target a repo that is (now, unexpectedly) 404.",{"id":152,"by":153,"text":154},"11172325","ryanSrich","Seems not to work for this site I made http:\u002F\u002Fveniversum.me\u002Fgit-visualizer\u002F?owner=rr1000&repo=placeholder , but works for everything else. I guess node_modules are the issue?",[156],{"value":157,"source":61,"evidence":158},"Would rooting the tree help readability",[159],{"id":160,"by":161,"text":162},"11168862","adenadel","Would rooting the tree help?",[164,179,186,193,197],{"value":165,"source":61,"evidence":166},"Gource",[167,171,175],{"id":168,"by":169,"text":170},"11167385","curiousGambler","In the same vein, gource is pretty cool. It shows the same sort of graph, but animated as it changes over time. So you can watch the project develop, and even see who was working…",{"id":172,"by":173,"text":174},"11170118","adrianbd","Completely agree - Gource is also mentioned here and does something similar. Probably more useful tools are CodeCity and JSCity, that go beyond the layout of the repo and get to…",{"id":176,"by":177,"text":178},"11167389","tehbeard","You might be interested in Gource then, it visualizes a repo in a very similar manner, but animates along the commit timeline. Here's a recording of the linux repo being parsed…",{"value":180,"source":61,"evidence":181},"OctoTree",[182],{"id":183,"by":184,"text":185},"11169125","schlomok","There is an extension for Chrome I use that does this pretty well, IMO. OctoTree : https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Foctotree\u002Fbkhaagjahfmjljalopjnoealnfndnagc?hl=en-US",{"value":187,"source":61,"evidence":188},"WinDirStat treemaps",[189],{"id":190,"by":191,"text":192},"11171948","Rangi42","A treemap is a good static alternative to a literal tree of nodes. There are already programs like WinDirStat that use them to visualize file systems.…",{"value":194,"source":61,"evidence":195},"CodeCity and JSCity",[196],{"id":172,"by":173,"text":174},{"value":198,"source":61,"evidence":199},"js-code-structure",[200,204],{"id":201,"by":202,"text":203},"11172542","timqian","This tool might solve your problem, Cause it shows the actual structure https:\u002F\u002Fgithub.com\u002Ftimqian\u002Fjs-code-structure",{"id":205,"by":202,"text":206},"11172546","I have build a similar project showing the code structure. https:\u002F\u002Fgithub.com\u002Ftimqian\u002Fjs-code-structure The idea to make it a website is great, I might build a similar website…",{"comments":45,"answered":41,"key":208},[209,212,213],{"id":210,"text":211},"11168643","Glad to see it being put to good use!",{"id":54,"text":55},{"id":214,"text":215},"11167242","Yeah, I should've probably put up a warning not to try huge repos. Here's what torvalds\u002Flinux looks like on the visualizer (pretty cool!): https:\u002F\u002Fimgur.com\u002Fa\u002FAHNcn",{"commenters":217,"max_depth":218,"maker_replies":45,"first_comment_mins":219,"lifespan_hours":220},33,4,23,37,[222,224,228,232,236,239,241,242,243,246,247,248,252,253,254,257,259,262,264,265,267,268,270,272,275,277,279,281,282,284,285,288,291,292,296,299,303,306,308,310],[88,41,38,223,89,41],"project\u002Fcritical\u002Fdesign",[225,41,41,226,227,41],"11168727","commenter\u002Fneutral\u002Fidea","markburns",[229,41,41,230,231,41],"11170703","other\u002Fneutral\u002Fidea","akavel",[233,41,33,234,235,41],"11171338","project\u002Fneutral\u002Fidea","aledalgrande",[237,41,41,230,238,41],"11172161","skewart",[160,41,33,240,161,41],"project\u002Fneutral\u002Fdesign",[183,41,41,230,184,41],[172,41,41,226,173,41],[244,41,41,245,169,41],"11179622","commenter\u002Fneutral\u002Fnone",[190,41,33,240,191,41],[201,41,41,230,202,41],[249,38,45,250,251,41],"11168062","project\u002Fpositive\u002Fnone","nephyrin",[168,39,41,230,169,41],[80,33,38,223,81,41],[255,33,33,240,256,41],"11168069","david-given",[84,33,38,258,85,41],"project\u002Fcritical\u002Fperformance",[260,218,45,250,261,41],"11168559","munificent",[210,218,41,263,11,38],"maker\u002Fpositive\u002Fnone",[144,45,33,240,145,41],[64,32,45,266,65,41],"project\u002Fpositive\u002Fperformance",[119,34,33,234,120,41],[54,34,41,269,11,38],"project\u002Fneutral\u002Fperformance",[152,31,38,271,153,41],"project\u002Fcritical\u002Fexecution",[68,273,33,274,69,41],9,"project\u002Fmixed\u002Fperformance",[214,273,41,276,11,38],"maker\u002Fneutral\u002Fperformance",[72,273,45,278,73,41],"project\u002Fpositive\u002Fdesign",[280,273,41,245,11,38],"11167386",[176,273,41,230,177,41],[205,283,41,230,202,41],10,[111,18,38,271,112,41],[133,286,45,287,134,41],12,"project\u002Fpositive\u002Fidea",[103,289,33,290,104,41],13,"project\u002Fmixed\u002Fdesign",[127,289,41,263,11,38],[293,289,41,294,295,41],"11168866","other\u002Fneutral\u002Fdesign","gravity13",[297,298,45,250,235,41],"11171303",14,[300,301,33,274,302,41],"11167854",15,"leemac",[304,301,45,250,305,41],"11167929","OJFord",[148,307,38,271,149,41],16,[96,309,38,258,97,41],17,[311,312,45,250,313,41],"11167784",18,"mystickphoenix",[],[316,320,324,328,333,338],{"id":317,"name":318,"points":319,"category":20},"11155203","v86",356,{"id":321,"name":322,"points":323,"category":20},"11150209","how2",272,{"id":325,"name":326,"points":327,"category":20},"11163639","sidomo",142,{"id":329,"name":330,"points":331,"category":332},"11166062","etrigg",137,"consumer_social",{"id":334,"name":335,"points":336,"category":337},"11151062","Compelling Science Fiction",103,"creative",{"id":339,"name":340,"points":341,"category":342},"11153187","Bonsai (YC W16)",102,"web_saas",false,"v2",{"id":346,"name":5,"line":6,"ai":343,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":347,"top":18,"kw":348,"maker":11,"domain":10,"tier":19,"attempts":41,"strip":349,"url":9,"mix":350,"praise":60,"objection":77,"sub":21},11167000,0.01,[24,25,26,27],"1003030003050131503530130500015300535115",[31,32,33,34],1793990939028]