gulp-ng-graph

Wtf?

Gulp plugin for building graph of angular modules relations.

It renders a html file with some d3.js script that visualize all finded angular modules with dependecies. Also it renders .dot file that you can visualize by yourself (by example with Graphviz)

Examples

more complex... and more...

Install

npm install gulp-ng-graph

Usage

var gulp = require('gulp'),
    ngGraph = require('gulp-ng-graph');

gulp.task('default', function() {
    return gulp.src(['./App/**/*.js'])
        .pipe(ngGraph())
        .pipe(gulp.dest('./graph/'));
});


You can also pass options to rename default files ng-graph.dot and ng-graph.html:

gulp.task('default', function() {
    return gulp.src(['./App/**/*.js'])
        .pipe(ngGraph({
        	dot: 'my-angular-project-graph.dot',
        	html: 'my-angular-project.html'
        }))
        .pipe(gulp.dest('./graph/'));
});

Features

• zoom
• drag

TODO features

• arrows on links
• module info on click
• print