[Feature Request] Save dependency graph to image file

Expected Behavior

Be able to save the dependency graph in an image file. Something like: yarn nx affected:dep-graph --saveAs="dep-graph.png"

Current Behavior

It is not possible to save the graph as an image with yarn nx dep-graph cmd

Context

The final goal would be to be able to post this image in new pull request with github actions for example

[flo-sch]

Just in case in can be useful, there are some external tools available to do that, such as capture-website (using puppeteer under the hood --> may not work on every single system though)

# First get html file
nx dep-graph --file dist/dep-graph/index.html
# Then take a screenshot of it
capture-website dist/dep-graph/index.html --output dist/dep-graph/screenshot.jpg

It comes with plenty of options to tweak the capture

 # 1- automatically overwrite last screenshot
 # 2- adding a white background
 # 3- clicking on "Select all" before taking the screenshot
 # 4- waiting for the #graph-container element (not really needed here but just to illustate)
 # 5- only capturing the #graph-container element (take out the sidebar)
 # 6- setting image height & scale (adjust those to your needs)
capture-website dist/dep-graph/index.html --output dist/dep-graph/screenshot.png\
 --overwrite\
 --style 'body { background-color: white; }'\
 --click-element 'button[data-cy="selectAllButton"]'\
 --wait-for-element '#graph-container'\
 --element '#graph-container'\
 --scale-factor 1 --height 640

[philipjfulcher]

I’m investigating how we can implement outputting the dep graph as an image. A recent PR added the ability to output a static HTML version of the dep graph: https://github.com/nrwl/nx/pull/3049. Look for the static HTML option in our next release.