[{"data":1,"prerenderedAt":205},["ShallowReactive",2],{"project-8287024":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":39,"post_text":41,"what":42,"said":61,"maker_in_thread":123,"shape":133,"grid":137,"attempts":168,"same_week":169,"maker_shows":31,"maker_hidden":198,"reader_version":199,"card":200},"8287024","npmgraph","Visualization of npm","title","Show HN: Visualization of npm","https:\u002F\u002Fgithub.com\u002Fanvaka\u002Fnpmgraph.an","github.com","anvaka",1410208045,2014,40,15,788,2272,35,"shown","dev_tools","dependency visualization","web_app",[24,25,26,27],"npm","dependency graph","visualization","node modules","loved",0.4,{"positive":31,"neutral":32,"mixed":33,"critical":34},5,4,1,0,10,{"idea":37,"design":38},{"positive":32,"critical":34},{"positive":33,"critical":34},[34,31,40,34,40,40,34,31,31,34,31,40,31,34,40],3,null,{"problem":43,"audience":41,"pricing":41,"motivation":41,"time_to_build":41,"stack":59,"openness":60,"stage":60,"team_size":60},{"value":44,"source":45,"evidence":46},"Shows how many sub-dependencies an npm package pulls in","commenter",[47,51,55],{"id":48,"by":49,"text":50},"8287859","stevelaz","This is great idea! :-) Am I the only one that looks at some of these graphs and thinks OMG THE BLOAT! and runs in the opposite direction? These days with a lot of app dev the…",{"id":52,"by":53,"text":54},"8290114","Jadawin","So... Which module has the most (sub-)dependencies? :) Found generator-angular-fullstack so far, with 142 nodes. http:\u002F\u002Fnpm.anvaka.com\u002F#\u002Fview\u002F2d\u002Fgenerator-angular-fullstack",{"id":56,"by":57,"text":58},"8287804","willtheperson","This is really neat! I love knowing how much a package depends on when I decide which to go with.",[],"unknown",{"praise":62,"objections":79,"requests":84,"questions":107,"alternatives":115},[63],{"value":64,"source":45,"evidence":65},"Neat, helpful visualization for choosing packages",[66,67,71,75],{"id":56,"by":57,"text":58},{"id":68,"by":69,"text":70},"8287453","canadaj","This is really neat, I love graphs and maps like this!",{"id":72,"by":73,"text":74},"8288091","oakaz","great work as everybody else said! would be awesome to see the sizes of the modules, too",{"id":76,"by":77,"text":78},"8288880","kbaker","Wow, great visualizations, this will be helpful when trying to simplify node to run in embedded environments. Here's a good example: Jade template engine:…",[80],{"value":81,"source":45,"evidence":82},"Concern about dependency bloat in npm packages",[83],{"id":48,"by":49,"text":50},[85,92,99],{"value":86,"source":45,"evidence":87},"Show multiple root nodes at once",[88],{"id":89,"by":90,"text":91},"8288782","Havvy","As long as everybody else is putting their wished for feature here, I'd like to have multiple root nodes at the same time.",{"value":93,"source":45,"evidence":94},"Graphs of maintainers",[95],{"id":96,"by":97,"text":98},"8287573","Kinnard","Next all you need to add is graphs of the maintainers.",{"value":100,"source":45,"evidence":101},"Show module sizes, e.g. downloads",[102,103],{"id":72,"by":73,"text":74},{"id":104,"by":105,"text":106},"8288689","potomushto","\"downloads in the last month\"",[108],{"value":109,"source":110,"evidence":111},"What connects two maintainers in a maintainer graph?","maker",[112],{"id":113,"by":11,"text":114},"8288503","Very interesting idea! What would be a connection between two maintainers? If their packages depend on each other, or if they co-maintain a package?",[116],{"value":117,"source":45,"evidence":118},"yasiv npm view",[119],{"id":120,"by":121,"text":122},"8292495","shime","great work. something like this already exists, but it's intended for amazon searches and supports npm too. http:\u002F\u002Fwww.yasiv.com\u002Fnpm#view\u002Fdat it's also not very googleable and…",{"comments":32,"answered":124,"key":125},2,[126,127,130],{"id":113,"text":114},{"id":128,"text":129},"8315711","The deprecated yeoman package was huge: http:\u002F\u002Fnpm.anvaka.com\u002F#\u002Fview\u002F2d\u002Fyeoman",{"id":131,"text":132},"8288532","Thank you :)! I used to be worried by amount of dependencies too, when I was transitioning from .NET stack to js. Until I realized that each module is usually very small, doing…",{"commenters":134,"max_depth":40,"maker_replies":32,"first_comment_mins":135,"lifespan_hours":136},12,68,141,[138,142,144,146,148,149,151,152,153,155,157,160,163,165,167],[139,34,34,140,141,34],"8288130","other\u002Fneutral\u002Fidea","evlapix",[76,33,31,143,77,34],"project\u002Fpositive\u002Fidea",[96,124,40,145,97,34],"project\u002Fneutral\u002Fidea",[113,124,34,147,11,33],"maker\u002Fneutral\u002Fidea",[89,40,40,145,90,34],[52,32,40,150,53,34],"project\u002Fneutral\u002Fnone",[128,32,34,150,11,33],[56,31,31,143,57,34],[48,154,31,143,49,34],6,[131,154,34,156,11,33],"commenter\u002Fneutral\u002Fidea",[68,158,31,159,69,34],7,"project\u002Fpositive\u002Fdesign",[120,161,40,162,121,34],8,"project\u002Fmixed\u002Fidea",[72,164,31,143,73,34],9,[166,164,34,147,11,33],"8288501",[104,164,40,145,105,34],[],[170,175,180,184,189,193],{"id":171,"name":172,"points":173,"category":174},"8270951","Famous Outfits",358,"consumer_social",{"id":176,"name":177,"points":178,"category":179},"8284785","CloudTunes",307,"productivity",{"id":181,"name":182,"points":183,"category":179},"8284616","Creddle",225,{"id":185,"name":186,"points":187,"category":188},"8299511","What's the Fare",181,"web_saas",{"id":190,"name":191,"points":192,"category":174},"8267675","Bootstrappers.io",161,{"id":194,"name":195,"points":196,"category":197},"8268927","t3tr0s-slides",157,"learning_science",false,"v2",{"id":201,"name":5,"line":6,"ai":198,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":29,"top":18,"kw":202,"maker":11,"domain":10,"tier":19,"attempts":34,"strip":203,"url":9,"mix":204,"praise":64,"objection":81,"sub":21},8287024,[24,25,26,27],"053033055053503",[31,32,33,34],1794036522503]