This page lists some example scenarios where you can use a flowchart diagram.
| Example | Description | DOT syntax | Output |
|---|---|---|---|
| Fun with Email | The Email ID is split into a flow chart. | digraph {
size="5,5"
rankdir=LR;
"testuser" -> "@" -> "appfire" -> "." -> "com" [color=orange]
}
|
|
| Sample validation flow | Generates a flowchart for validation flow. | digraph {
label="How to make sure 'input' is valid"
start[shape="box", style=rounded];
end[shape="box", style=rounded];
if_valid[shape="diamond", style=""];
message[shape="parallelogram", style=""]
input[shape="parallelogram", style=""]
start -> input;
input -> if_valid;
if_valid -> message[label="no"];
if_valid -> end[label="yes"];
message -> input;
}
|
|
| Polygonal shapes | Generates polygonal shapes and a directed graph. | digraph {
a -> b -> c;
b -> d;
a [shape=polygon,sides=5,peripheries=3,color=orange,style=filled];
c [shape=polygon,sides=4,skew=.6,label="4-sided polygon"]
d [shape=invtriangle];
e [shape=polygon,sides=4,distortion=.9];
}
|
|
| Directed graph | Generates a directed graph. | digraph {
a -> b;
a -> c -> d;
c -> e;
}
|
|
