How to add links to graphviz images

Owned by Former user (Deleted)
Last updated: Jul 03, 2019
3 min read

Graphviz supports adding urls to nodes, edges, clusters, and the whole image. These are normally direct URL links, but, when used with the Graphviz macros in Confluence, Confluence type links can also be used. There are a number of ways to do this. 

Examples

Description

Macro

Macro Output

Use wiki links directly in directed graphs. Use any standard link syntax to link to pages in same space or another space, or link to external urls.

{flowchart}
AAA -> [BBB|home]
[CCC|home] -> DDD
[EEE|home] -> [FFF|home]
[EEE|home] -> [GGG|http://google.com] // comment here
[home] -> [GGG|http://google.com] [ label= "Link label"]
[XXX|home] -> YYY -> [ZZZ|home] // this will work
{flowchart}

Use wiki links directly in other graphs. Use any standard link syntax to link to pages in same space or another space, or link to external urls.{graph:showCode=true}
AAA -- [BBB|home]
[CCC|home] -- DDD
[EEE|home] -- [FFF|home]
[EEE|home] -- [GGG|http://google.com] // comment here
[home] -- [GGG|http://google.com] [ label= "Relationship
label"]
[XXX|home] -- YYY -- [ZZZ|home] // this will work
{graph}
Use graphviz link syntax with wiki style links. That means using URL (or its alias href) and related constructs like labelURL or headURL .
{flowchart}
URL="[home]" tooltip="Global link"  // anywhere in image
A [URL="[A|home]" tooltip="A link"] // A node link
B [URL="[B|home]" tooltip="B link"] // B node link
C [URL="[home]"];  // C link with no tooltip
D                  // no link on C
A -> B [URL="[A to B|home]"labelURL= "[A to B label link|home]"
C -> D 
E -> F      
{flowchart}

graph-from-table links. Graphviz URL syntax is generated from rendered Confluence (XHTML) links found in the node or cluster columns as well as node or cluster attribute columns.
{graph-from-table}
| [AAA|home] | [BBB|home] |
| [http://google.com] | [CCC|http://google.com] |
| [DDD|home] | [EEE|home] | URL="http://google.com" |
| FFF | GGG | | | | [C1|home] |
| HHH | III | | | | [C2|home] | label="C2 label" | [C3|http://google.com] |       
{graph-from-table}
spacegraph links. The spacegraph macro automatically generates links for all the pages included in the graph.
{spacegraph:space=ds|page=@home}

Â