jsviz
v1.0.1jsviz
For visualizing the internal and external dependencies of a JavaScript codebase. Takes a directory to analyze and outputs a graph representation in HTML.
Uses esprima
and estraverse
to walk the syntax tree, pick out any require()
calls, and generate a dependency graph. Generates an HTML file and uses d3
to visualize the graph. Example output (of this project):
Usage
From the command line, pass in a directory (that you want analyed) and an output file:
npm i -g jsviz
jsviz ~/taco-project > taco-project-viz.html
From JavaScript:
npm i jsviz
var jsviz = require('jsviz');
// Grab the dependency graph
jsviz.graph('~/taco-project', function (err, graph) {
});
// Turn the graph into html
jsviz.html(graph, function (err, html) {
});