I make the same sort of diagrams over and over. Here I list fragments of dot code that have proven useful. website 
strict will filter out duplicate arcs.
strict digraph { ... }
optional graph name ends up in title tab of svg pages.
digraph title { . . . }
make all nodes filled with color.
node [style=filled fillcolor=gold]
draw left to right
rankdir = "LR"
use a short node name and a long label.
sfo [label="South\nFacing\nOutdoors"]
use a box for some nodes.
rnnnnny [label="a slug" shape=box]
enclose nodes with subgraphs named "cluster_ ..."
subgraph cluster_1 { node1, . . . }
favorite colors, favoring svg compatible names. doc
gold palegreen lightgray