Show HN: Visualization of npm

I played around with something like this once: http://akagomez.com/demo/packaging-lazy-dependencies/

The goal was to illustrate how unique dependencies could be packaged separately for progressive loading while navigating single page javascript applications.

If you're interested in the real deal though, checkout http://stealjs.com/docs/StealJS.why.html#section_FasterLoadi...

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: http://npm.anvaka.com/#/view/2d/jade

Hogan.js template engine: http://npm.anvaka.com/#/view/2d/hogan.js

Next all you need to add is graphs of the maintainers.

As long as everybody else is putting their wished for feature here, I'd like to have multiple root nodes at the same time.

So... Which module has the most (sub-)dependencies? :)

Found generator-angular-fullstack so far, with 142 nodes. http://npm.anvaka.com/#/view/2d/generator-angular-fullstack

This is really neat! I love knowing how much a package depends on when I decide which to go with.

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 deps go deep and a tool like this draws a very informative picture.

This is really neat, I love graphs and maps like this!

great work. something like this already exists, but it's intended for amazon searches and supports npm too. http://www.yasiv.com/npm#view/dat

it's also not very googleable and it's poorly advertised, but it's also cool.

great work as everybody else said! would be awesome to see the sizes of the modules, too