dependo - Visualize your CommonJS or AMD module dependencies in a force directed graph report.

  •        127

Visualize your CommonJS, AMD, or ES6 module dependencies in a force directed graph report - powered by D3.js. Let me introduce dependo - A small visualization tool that draws an force directed graph of JavaScript dependencies pulled from a codebase of CommonJS, AMD, or ES6. Behind the scene I’m using a wonderful library named node-madge, to extract the dependencies and combined with the power of D3.js I draw a beautiful zoomable directed graph.

https://github.com/auchenberg/dependo.git

Dependencies:

commander : ~2.6.0
madge : ~0.5.0
sha-1 : ^0.1.1
underscore : ~1.7.0

Tags
Implementation
License
Platform

   




Related Projects

madge - Create graphs from your CommonJS, AMD or ES6 module dependencies

  •    Javascript

Madge is a developer tool for generating a visual graph of your module dependencies, finding circular dependencies, and give you other useful info. Joel Kemp's awesome dependency-tree is used for extracting the dependency tree. Read the changelog for latest changes.

uRequire - The Ultimate JavaScript Module Builder & Automagical Task Runner

  •    CoffeeScript

Docs / wiki / http://uRequire.org mainly are Work In Progress (in transition from v0.6.x) - but everything should work except you'll need npm install urequire-cli -g & npm install urequire locally (if you are using the CLI urequire instead of the the recommended grunt-urequire). Check uRequire's master config / docs for up to date usage. conversion from AMD or CommonJs (or a combination of both) to UMD or combined (<script>, AMD & nodejs compatible) javascript.

Webpack - A bundler for javascript and friends

  •    Javascript

Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

es6-module-transpiler - Tomorrow’s JavaScript module syntax today

  •    Javascript

This project is part of esnext, which has merged with Babel. All the features of esnext are supported by Babel, and more. All the tests from esnext have been ported over to Babel to ensure that switchers will have minimal code changes to make. The maintainers of esnext will continue working on Babel to bring better spec compliance, ES6 feature support, and performance. If you want a fast tool with bundling support as found in this project, you should check out Rollup. ES6 Module Transpiler is an experimental compiler that allows you to write your JavaScript using a subset of the ES6 module syntax, and compile it into AMD or CommonJS modules.

melchior.js - Chainable Module Definition (CMD) dependency loader for JavaScript

  •    Javascript

Tiny JavaScript in-browser module loader that implements Chainable Module Definition API.Melchior is the first library that fully implements the Draft proposed by John Wu and brings to life "the most javascripty" way to configure modules and its dependencies for in-browser use.


Steal - Universal module loader

  •    Javascript

steal is unique because it can load JavaScript modules defined in ES6, AMD, and CommonJS formats (unlike most other module loaders, which only support one of these formats at a time). In JavaScript, the word "modules" refers to small units of independent, reusable code. They are the foundation of many JavaScript design patterns, and can look like this in ES6.

circular-dependency-plugin - Detect circular dependencies in modules compiled with Webpack

  •    Javascript

Detect modules with circular dependencies when bundling with webpack. Circular dependencies are often a necessity in complex software, the presence of a circular dependency doesn't always imply a bug, but in the case where you believe a bug exists, this module may help find it.

node-madge - Create graphs from your CommonJS or AMD module dependencies

  •    Javascript

Create graphs from your CommonJS or AMD module dependencies

rollup - Next-generation ES6 module bundler

  •    Javascript

Rollup is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application. It uses the new standardized format for code modules included in the ES6 revision of JavaScript, instead of previous idiosyncratic solutions such as CommonJS and AMD. ES6 modules let you freely and seamlessly combine the most useful individual functions from your favorite libraries. This will eventually be possible natively, but Rollup lets you do it today.Install with npm install --global rollup. Rollup can be used either through a command line interface with an optional configuration file, or else through its JavaScript API. Run rollup --help to see the available options and parameters. The starter project templates, rollup-starter-lib and rollup-starter-app, demonstrate common configuration options, and more detailed instructions are available throughout the user guide.

OzJS - A microkernel for modular javascript, a toolchain for modern front-end, a micro-framework for growable WebApp

  •    Javascript

OzJS is NOT yet another script loader, but a microkernel that provides sorely-missing module mechanism at runtime (that means it mainly works at language-level, not file-level. Use Ozma.js to process files statically at build time based on the same mechanism) for large/complex javascript program, compatible with the de facto standards (AMD, NodeJS/CommonJS and traditional module pattern). Even better, it was implemented earlier than the well-known RequireJS, so there are differences between similar APIs in philosophy and approach, which bring more value.

splittable - Module bundler with support for code splitting, ES6 & CommonJS modules.

  •    Javascript

Requires java for one dependency to run. It is recommended to run splittable from the root directory of your project.

objc-dependency-visualizer - Objective-C and Swift dependency visualizer

  •    Javascript

Objective-C and Swift dependency visualizer. It's tool that helps to visualize current state of your project. It's really easy to see how tight your classes are coupled.

sbt-dependency-graph - sbt plugin to create a dependency graph for your project

  •    Scala

Visualize your project's dependencies. Note: Under sbt >= 1.3.x some features might currently not work as expected or not at all (like dependencyLicenses).

lodjs - JavaScript模块加载器,基于AMD。迄今为止,对AMD理解最好的实现。

  •    Javascript

The JavaScript module loader is based on [AMD] (https://github.com/amdjs/amdjs-api/blob/master/AMD.md). lodJS is the best implemented understanding of [AMD] (https://github.com/amdjs/amdjs-api/blob/master/AMD.md) up to now. 100% supports AMD specifications. Supports modular development. When a module is defined, modules can be used without maintaining a dependent module, just write a dependency, and lodJS will automatically be responsible for the dependency injection.

pax - The fastest JavaScript bundler in the galaxy.

  •    Rust

The fastest JavaScript bundler in the galaxy. Fully supports ECMAScript module syntax (import/export) in addition to CommonJS require(<string>). Because your bundler is too slow.

module-deps - walk the dependency graph to generate a stream of json output

  •    Javascript

Return an object transform stream d that expects entry filenames or { id: ..., file: ... } objects as input and produces objects for every dependency from a recursive module traversal as output. Each file in files can be a string filename or a stream.

bonsai - Understand the tree of dependencies inside your webpack bundles, and trim away the excess.

  •    Javascript

Trim your javascript dependency tree. The quickest way to get started is to generate a Webpack stats file, and then drag and drop it into https://pinterest.github.io/bonsai/analyze.

sbt-dependency-graph - sbt plugin to create a dependency graph for your project

  •    Scala

Visualize your project's dependencies.To add the plugin only to a single project, put this line into project/plugins.sbt of your project, instead.

gradle-dependency-graph-generator-plugin - Gradle plugin that generates dependency graphs from your project

  •    Kotlin

Gradle plugin that lets you visualize your dependencies in a graph. Gradle 3.3 or higher is required.

require-cs - An AMD loader plugin for CoffeeScript

  •    Javascript

A CoffeeScript loader plugin that may work with module loaders like RequireJS, curl and backdraft. It is known to work with RequireJS 1.0+.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.