Graphviz diagram types

Graphviz Diagrams for Jira supports all Graphviz diagram types. This page lists various graph types with some example DOT codes and respective outputs.

Diagram type

Description

DOT syntax

Output

Graph

A unidirectional graph - Consider an example to present the connection between a few Atlassian products.

graph {
    Jira -- "Bitbucket (Builds)";
    Jira -- "Stash (Store)";
    Jira -- "Confluence (Design)";
    "Confluence (Design)" -- "Bitbucket (Builds)";
    "Confluence (Design)" -- "Stash (Store)";
    Jira -- Slack;
}

Digraph

A directed graph - Consider an example to capture simple Jira workflow.

digraph G {
	Open -> Triage;
	Open -> "In progress";
	Triage -> Open;
	"In progress" -> "In review";
	"In review" -> Resolved;
	Resolved -> Close
	Open -> Close [style=dashed]
}

Flowchart

A shape joined by lines - Consider an example to address customer requests on a support portal.

Use digraph code as mentioned in the example here to create a flowchart diagram.

digraph {
    
    "customer request"[shape="box", style=rounded];
    close[shape="box", style=rounded];
    valid[shape="diamond", style=""];
    process[shape="parallelogram", style=""]
    "create support ticket"[shape="parallelogram", style=""]
 
    "customer request" -> "create support ticket";
    "create support ticket" -> valid;
    valid -> process[label="yes"];
    valid -> close[label="no"];
    process -> close;
}

Additional links

For more examples, refer to How to use Graphviz diagrams
For more information on how to use DOT syntax, refer to Graphviz resources.