compodoc - :notebook_with_decorative_cover: The missing documentation tool for your Angular application

•    TypeScript

---

The missing documentation tool for your Angular application. The demo features documentation generated for a simple TodoMVC application.

angular documentation-tool typescript documentation jsdoc devtools angular2 generator ast components module graph dependencies markdown

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.

dag directed-graph chart svg angular angular2 data-viz workflow angularjs charts charting d3 viz graph dataviz d3.js d3js angular4 directed-acyclic-graph visualization tree

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

•    HTML

---

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.

amd requirejs require graph commonjs module circular dependency dependencies visualize d3 es6

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.

graphviz graph amd commonjs es6 sass stylus less dependencies madge es7 requirejs require module circular dependency

g6 - A Graph Visualization Framework in JavaScript

•    Javascript

---

G6 is a graph visualization framework. It provides a set of base mechanisms, help developers to build your own graph visualization analysis application or graph visualization edit application.

graph-drawing tree network mind graph diagram g6 relational-data graph-visualization graph-editor graph-analysis

neo4jd3 - Neo4j graph visualization using D3.js

•    Javascript

---

Neo4j graph visualization using D3.js. First of all, make sure you have ruby and sass gem installed. Then, clone the repository, install all dependencies, build and serve the project.

neo4j d3 d3js graph-visualization d3.js

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.

dependency dependency-graph dependency-tree structure graph d3js swift-dependencies-visualizer

Elementary - Data observability platform for modern data teams that is open and transparent

•    Python

---

Elementary was built out of the need to effortlessly and immediately gain visibility into the data stack, starting with tracing the actual upstream & downstream dependencies in the data warehouse, without any implementation efforts, security risks or compromises on accuracy.

bigquery snowflake data-warehouse dataops data-analysis data-pipelines data-pipeline lineage data-governance data-lineage data-observability analaytics-engineering data-reliability

MsBuilderific

•    

---

The goal is to generate MsBuild script for building multiple projects that are specified in input. MsBuilderific then find and detect every dependencies between the projects (either project reference or file reference) and produce a dependency graph to construct the build script.

build build-script build-tools dependencies dependency generator graph

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

sbt sbt-plugin build-tool dependencies

Dependency Analyzer

•    Java

---

Dependency Analyzer is a utility for visualizing Maven2 dependency graphs. It is using Maven for resolving dependencies and the Java Universal Network/Graph Framework (JUNG) for visualizing the dependency graph. Spring rich client is used for building th

PhpDependencyAnalysis - Static code analysis to find violations in a dependency graph

•    PHP

---

PhpDependencyAnalysis is an extendable static code analysis for object-oriented PHP-Projects to generate dependency graphs from abstract datatypes (Classes, Interfaces and Traits) based on namespaces. Dependencies can be aggregated to build graphs for several levels, like Package-Level or Layer-Level. Each dependency can be verified to a defined architecture. Read the Introduction-Chapter for further informations.

dependency-graph code-analysis code-quality reference-architecture

graph-composer - Dependency graph visualization for composer.json (PHP + Composer)

•    PHP

---

Once clue/graph-composer is installed, you can use it via command line like this. It accepts an optional argument which is the path to your project directory or composer.json file (defaults to checking the current directory for a composer.json file).

DiagrammeR - Graph and network visualization using tabular data in R

•    R

---

With the DiagrammeR package you can create, modify, analyze, and visualize network graph diagrams. The output can be incorporated into RMarkdown documents, integrated with Shiny web apps, converted to other graph formats, or exported as image files. This package is made possible by the htmlwidgets R package, which provides an easy-to-use framework for bringing together R and JavaScript.

r network-graph graph visualization property-graph graph-functions

WebCola - Javascript constraint-based graph layout

•    TypeScript

---

JavaScript constraint based layout for high-quality graph visualization and exploration using D3.js and other web-based graphics libraries. Note: While D3 adaptor supports both D3 v3 and D3 v4, WebCoLa's interface is styled like D3 v3. Follow the setup in our homepage for more details.

graph layout constraints optimization

graphql-voyager - 🛰️ Represent any GraphQL API as an interactive graph

•    TypeScript

---

Represent any GraphQL API as an interactive graph. It's time to finally see the graph behind GraphQL. You can also explore number of public GraphQL APIs from our list. GraphQL Voyager exports Voyager React component and helper init function. If used without module system it is exported as GraphQLVoyager global variable.

graphql api-documentation visualization graphviz graphql-tools

diagram-maker - A library to display an interactive editor for any graph-like data.

•    TypeScript

---

Diagram Maker is a library to display an interactive editor for any graph-like data. Following is a screenshot from one of the consumers of this library, AWS IoT Events Console with Diagram Maker in action.

visualization editor aws workflow cloud canvas state-machine graph diagram interactive drag drop diagrams flowchart diagram-editor diagram-maker interactive-demos visualizaton

GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages

•    Javascript

---

GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. There are samples for flowchart, org chart, business process BPMN, swimlanes, timelines, state charts, kanban, network, mindmap, sankey, family trees and genogram charts, fishbone diagrams, floor plans, UML, decision trees, pert charts, Gantt, and hundreds more. GoJS includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.

html diagram flowchart orgchart layout graph typescript chart tree uml bpmn editor drawing canvas svg hierarchy family-tree decision-tree mindmap treeview genogram ivr-tree parse-tree concept-map visualization entity-relationship er-diagram radial sankey pert gantt timeline swimlane workflow flow process state sequential-function grafcet sequence circuit dataflow data-flow planogram floorplan seating pipes tree-layout force-directed layered hierarchical circular fishbone ishikawa treemap tree-map subgraph network library js html5

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.

sbt-plugin dependencies build-tool sbt

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.