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

  •        80

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.

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.

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.

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.

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.

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+.

conditioner - 💆🏻 Frizz free, context-aware, JavaScript modules

  •    Javascript

Conditioner provides a straight forward Progressive Enhancement based solution for linking JavaScript modules to DOM elements. Modules can be linked based on contextual parameters like viewport size and element visibilty making Conditioner your perfect Responsive Design companion. Mount a component (like a Date Picker, Section Toggler or Carrousel), but only do it on wide viewports and when the user has seen it.

ngx-graph - Graph visualization library for angular

  •    TypeScript

This library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.

r.js - Runs RequireJS in Node and Rhino, and used to run the RequireJS optimizer

  •    Javascript

A command line tool for running JavaScript scripts that use the Asynchronous Module Definition API (AMD) for declaring and using JavaScript modules and regular JavaScript script files. It is part of the RequireJS project, and works with the RequireJS implementation of AMD.