[{"data":1,"prerenderedAt":173},["ShallowReactive",2],{"project-14748389":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":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":40,"post_text":30,"what":41,"said":68,"maker_in_thread":116,"shape":120,"grid":124,"attempts":135,"same_week":136,"maker_shows":165,"maker_hidden":166,"reader_version":167,"card":168},"14748389","node-dependencies-view","Hosted JavaScript dependency tree graphs for GitHub READMEs","title","Show HN: Hosted JavaScript dependency tree graphs for GitHub READMEs","https:\u002F\u002Fgithub.com\u002Ffiatjaf\u002Fnode-dependencies-view","github.com","fiatjaf",1499809702,2017,56,6,739,2242,33,"notable","dev_tools","dependency visualisation","web_app",[24,25,26,27,28],"javascript dependencies","dependency graph","graphviz","github readme","require graph","quiet",null,{"positive":32,"neutral":33,"mixed":34,"critical":32},0,2,1,3,{"execution":37,"design":38,"idea":39},{"positive":32,"critical":32},{"positive":32,"critical":32},{"positive":32,"critical":32},[35,32,32,35,35,32],{"problem":42,"audience":30,"pricing":30,"motivation":30,"time_to_build":30,"stack":49,"openness":65,"stage":66,"team_size":67},{"value":43,"source":44,"evidence":45},"Visualising a JavaScript repository's internal module dependencies as a graph","inferred",[46],{"id":47,"by":11,"text":48},"14751577","I'm not recursively traversing package.json, just making a graph out of a single repository. External packages are only referenced by name, not on their internals. Reading the…",[50,57],{"value":51,"source":52,"evidence":53},"Graphviz","maker",[54],{"id":55,"by":11,"text":56},"14749347","Thank you for the feedback and run instructions. I don't know how to make Graphviz reorganize the nodes in a more vertical ratio. If you set the \"ratio\" parameter to, say, 0.5,…",{"value":58,"source":59,"evidence":60},"Node.js","commenter",[61],{"id":62,"by":63,"text":64},"14749044","me_bx","Nice one. Glitch (the hosting service) is returning 504 errors, but it's easy to run it locally: ``` cd \u002Ftmp git clone https:\u002F\u002Fgithub.com\u002Ffiatjaf\u002Fnode-dependencies-view.git cd…","open_source","launched","unknown",{"praise":69,"objections":74,"requests":87,"questions":100,"alternatives":108},[70],{"value":71,"source":59,"evidence":72},"Useful idea; the thread includes a local run guide",[73],{"id":62,"by":63,"text":64},[75,79,83],{"value":76,"source":59,"evidence":77},"SVG output too wide for repos with many modules",[78],{"id":62,"by":63,"text":64},{"value":80,"source":59,"evidence":81},"Fails to render when a required module is not found",[82],{"id":62,"by":63,"text":64},{"value":84,"source":59,"evidence":85},"Hosted Glitch instance returned 504 errors",[86],{"id":62,"by":63,"text":64},[88,96],{"value":89,"source":59,"evidence":90},"More space-efficient vertical or left-to-right layout",[91,92],{"id":62,"by":63,"text":64},{"id":93,"by":94,"text":95},"14753425","WorldMaker","Looks like: ``` graph [rankdir = \"LR\"] ``` I often skim the Gallery looking for an example that roughly like something I want and then click to view its source. In this case this…",{"value":97,"source":59,"evidence":98},"Graceful fallback for missing modules",[99],{"id":62,"by":63,"text":64},[101],{"value":102,"source":59,"evidence":103},"Why not recursively traverse package.json files on the client instead of server-side downloads",[104],{"id":105,"by":106,"text":107},"14750411","api_or_ipa","Question: How is your approach better than just recursively traversing package.json files? Seems like you're downloading a lot of stuff onto your server when you could keep it…",[109],{"value":110,"source":59,"evidence":111},"fogleman\u002FGraphLayout",[112],{"id":113,"by":114,"text":115},"14749840","joshka","I recently came across a neat graph project, which could help you solve part of the problem. https:\u002F\u002Fgithub.com\u002Ffogleman\u002FGraphLayout via https:\u002F\u002Fwww.michaelfogleman.com\u002F",{"comments":33,"answered":33,"key":117},[118,119],{"id":55,"text":56},{"id":47,"text":48},{"commenters":121,"max_depth":35,"maker_replies":33,"first_comment_mins":122,"lifespan_hours":123},5,116,18,[125,127,129,131,132,134],[62,32,35,126,63,32],"project\u002Fmixed\u002Fexecution",[55,32,32,128,11,34],"project\u002Fneutral\u002Fdesign",[113,32,32,130,114,32],"other\u002Fneutral\u002Fnone",[93,32,35,128,94,32],[105,34,35,133,106,32],"project\u002Fneutral\u002Fidea",[47,34,32,133,11,34],[],[137,141,146,151,156,160],{"id":138,"name":139,"points":140,"category":20},"14737118","Seashells",356,{"id":142,"name":143,"points":144,"category":145},"14718051","Globe",258,"creative",{"id":147,"name":148,"points":149,"category":150},"14725878","darkmatter",180,"languages",{"id":152,"name":153,"points":154,"category":155},"14730354","crackcoin",171,"finance_crypto",{"id":157,"name":158,"points":159,"category":20},"14714386","Play with Kubernetes",164,{"id":161,"name":162,"points":163,"category":164},"14744331","BotEngine",124,"ai",19,false,"v2",{"id":169,"name":5,"line":6,"ai":166,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":30,"top":18,"kw":170,"maker":11,"domain":10,"tier":19,"attempts":32,"strip":171,"url":9,"mix":172,"praise":71,"objection":76,"sub":21},14748389,[24,25,26,27,28],"300330",[32,33,34,32],1794036557193]