Skip to content
2d visualization of npm
JavaScript HTML CSS Shell
Branch: master
Clone or download

Latest commit

Latest commit 4770ea7 Dec 17, 2019

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images Added images Sep 7, 2014
ops Shoud it be only inside gh pages? Sep 3, 2014
src replaced deprecated google+ with patreon Aug 1, 2019
.gitignore Moved to gulp as a build system Sep 2, 2014
.travis.yml Updated node version Jul 3, 2016
LICENSE Updated year Jun 23, 2019
README.md removed node about cors proxy Jun 24, 2019
deploy-travis.sh Shoud it be only inside gh pages? Sep 3, 2014
gulpfile.js - update gulp to version 4 Dec 16, 2019
package-lock.json rebuild Dec 17, 2019
package.json - update gulp to version 4 Dec 16, 2019

README.md

npmgraph.an

Visualization of npm shows dependency graph of an npm package.

Screenshots

Default view: Default view

Responsive view:

Responsive view

3d 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

You can’t perform that action at this time.