Nx comes with dedicated documentation for each framework:

dep-graph

Graph dependencies within workspace

Usage

nx dep-graph

Install nx globally to invoke the command directly using nx, or use npx nx, yarn nx, or pnpx nx.

Examples

Open the dep graph of the workspace in the browser:

nx dep-graph

Save the dep graph into a json file:

nx dep-graph --file=output.json

Generate a static website with dep graph into an html file, accompanied by an asset folder called static:

nx dep-graph --file=output.html

Show the graph where every node is either an ancestor or a descendant of todos-feature-main:

nx dep-graph --focus=todos-feature-main

Include project-one and project-two in the dep graph:

nx dep-graph --include=project-one,project-two

Exclude project-one and project-two from the dep graph:

nx dep-graph --exclude=project-one,project-two

Show the graph where every node is either an ancestor or a descendant of todos-feature-main, but exclude project-one and project-two:

nx dep-graph --focus=todos-feature-main --exclude=project-one,project-two

Watch for changes to dep graph and update in-browser:

nx dep-graph --watch

Options

exclude

List of projects delimited by commas to exclude from the dependency graph.

file

Output file (e.g. --file=output.json or --file=dep-graph.html)

focus

Use to show the dependency graph for a particular project and every node that is either an ancestor or a descendant.

groupByFolder

Group projects by folder in the dependency graph

help

Show help

host

Bind the dependency graph server to a specific ip address.

open

Default: true

Open the dependency graph in the browser.

port

Bind the dependency graph server to a specific port.

version

Show version number

watch

Default: false

Watch for changes to dependency graph and update in-browser