Graphviz and dot: Generating Diagrams with Code

Graphviz and dot: Generating Diagrams with Code
October 21, 2022 - Presented by Chris von Rabenau

[iampozyman]

Thank you! The video impressed me with the capability and method of diagraming videos on the fly.

[AndriiHaidai]

0:00 Intro
1:05 Why create diagrams
2:26 Types of tech diagrams
3:29 Diagramming Solutions
4:20 Is there another way? (Introducing DOT & GraphViz)
5:15 Why diagram with code?
7:00 Simple code generates diagrams
8:20 DOT Core concepts
9:00 Graphs/Subgraphs
11:12 Nodes
15:30 Edges
17:57 Attributes
20:41 Demonstration

[yash]

25:16 i was looking to create hierarchical charts (work-breakdown structure but with flow-chart like connections within work-packages) with graphviz. and the graph shown here shows me that it can be accomplished without being ugly in graphviz by using subgraphs.

[maxdemian]

So many great things come out of Bell Labs

[justinsenryu]

For ‘Visual Studio Code’ he mentioned something about needing a plugin to make that work with dot? I'm new to all this so would appreciate knowing what I need to get started, thanks!