automatically generated graphs for dependency diagrams

a few sites for quickly generating dependency diagrams (for anything like npm or nuget packages or some other kind of items...)

graphviz online:
http://www.webgraphviz.com/

• nice styling, easy to use
• practical examples
• tip: to adjust layout, try swapping the 'from' and 'to' of some of the relations.

______________________
other sites hosting graphviz generators:

erdos
http://sandbox.kidstrythisathome.com/erdos/

GraphVizOnline
https://dreampuf.github.io/GraphvizOnline/

GraphvizFiddle
https://stamm-wilbrandt.de/GraphvizFiddle/

______________________
editing the svg

To finalize the layout of the graph, you can edit the generated SVG.

After you have created the SVG using the graphviz generator, you can edit the SVG by following these steps:
- use the Chrome browser inspector to inspect the SVG elements
- select Edit as HTML
- press CTRL + A to select all
- press CTRL + C to copy

Open a desktop text editor.
Paste the SVG into the text editor, and save as a new file named like MySvg.svg

Open an SVG editor, such as https://github.com/SVG-Edit/svgedit
Open the SVG file in the editor.
Edit the SVG and save.

note: editing SVG is also possible within Microsoft Visio 2016.