Interactive GraphViz tutorial

client
server

client[color=red]
server[color=blue]

client[style=filled fillcolor=yellow]

client[label="Remote client"]

client[shape="circle"]

digraph Graph {
    node[shape=rect]
    splines=ortho
    gateway[width=3 height=0.3]
    gateway -> users
    gateway -> companies
    gateway -> groups
}

client -> server

client -> server[label='send request']

client -> server[style=dashed],
client -> server[style=dotted]

client -> server[color=green]

{
  node [color=red]
javascript -> api
}

subgraph server{
  edge [style=dashed]
  api -> backend
}

subgraph cluster_0 {
    style=filled;
    color=lightgrey;
    javascript -> api;
    label = "frontend";
}

node[style=filled];

edge[style=dotted];