Graphviz

1 min read tools, diagram, architecture

Written in 2020. Tools, APIs and prices may have changed since.

Lab note What I wrote down while learning this by building with it. Short by design; the code is in pfeilbr/graphviz-playground.

learn Graphviz - Graph Visualization Software

Developing

# vscode "Graphviz Interactive Preview" extension was not working with images
# use the following to create .png image on .dot file change
# open vscode in split view with .dot in one and .png in the other.
# .png view will refresh when the file is updated.
fswatch -o example01.dot | xargs -n1 -I{} dot -Tpng example01.dot -oexample01.png

Screenshots

vscode example with “Graphviz Interactive Preview”

Resources

Keep learning

Get new guides and courses by email

An occasional email when I publish a new guide, course or post. No spam, and you can unsubscribe any time.

Sent with Buttondown. I never share your address. Prefer a feed? Use the RSS feed.