noscripter/npmgraph.an

2d visualization of npm

npmgraph.an

Visualization of npm shows dependency graph of an npm package.

Screenshots

Default view:

Responsive view:

3d view:

How it's done?

angular.js + browserify + ngraph => gulp => http://npm.anvaka.com/

The website is entirely hosted on GitHub Pages, with continous deployment setup via travis.

The npm data is coming from registry.npmjs.cf and is collected by npmgraphbuilder at real time.

For CSS styles I'm using twitter bootstrap and less.

npm rocks

All modules of this application are provided by npm.

Local development

git clone https://github.com/anvaka/npmgraph.an.git
cd npmgraph.an
npm i
npm start

This should start local dev server and serve npm visualization.

Other projects

Here I will try to list other projects that visualize npm.

• http://npm.broofa.com/ - renders dependency graph with direct acyclic graph layout alrogirthm.
• galaxy - 3D gallaxy simulator of npm packages.

If you have other projects that you want to see here, please send me a pull request or a hint.

license

MIT