Skip to content

hcvazquez/npmgraph.an

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

npmgraph.an

Visualization of npm shows dependency graph of an npm package.

Note, due to anvaka#1 the website talks with npm registry through heroku-hosted proxy. This may have negative impact on latency.

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.

license

MIT

Packages

No packages published

Languages

  • JavaScript 68.4%
  • HTML 17.3%
  • CSS 13.5%
  • Shell 0.8%