Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This page lists some example scenarios where you can use a flowchart diagram.

...

You can create a flowchart using digraph syntax as mentioned in the table.

ScenarioDescriptionDOT syntaxOutput
Fun with EmailThe Email ID is split into a flow chart.


Code Block
digraph {
    size="5,5" 
	rankdir=LR;
  	"testuser" -> "@" -> "appfire" -> "." -> "com" [color=orange]
}



Sample validation flowGenerates a flowchart for validation flow.


Code Block
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 shapesGenerates polygonal shapes and a directed graph.


Code Block
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 graphGenerates a directed graph.


Code Block
digraph {
	a -> b;
	a -> c -> d;
	c -> e; 
}



...