---
title: "How to add links to Graphviz images"
canonical: "https://support.appfire.com/space/GVIZ/70222329/How%20to%20add%20links%20to%20Graphviz%20images"
format: markdown
---
> Macro (aura-html)

Graphviz supports adding [URLs](http://www.graphviz.org/doc/info/attrs.html#d:URL) 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 several 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. | <sup>{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} </sup> | ![image](media://c1877d44-7082-446f-b407-0c37d95155dc) |
| 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}<br><sup>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} </sup> | ![image](media://c1309776-2c9b-4b30-b787-79fe859b2c36) |
| Use graphviz link syntax with wiki style links. That means using [URL](http://www.graphviz.org/doc/info/attrs.html#d:URL) (or its alias href) and related constructs like **[labelURL](http://www.graphviz.org/doc/info/attrs.html#a:labelURL)** or **[headURL](http://www.graphviz.org/doc/info/attrs.html#a:headURL)**[ ](http://www.graphviz.org/doc/info/attrs.html#a:headURL). | <sup>{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} </sup> | ![image](media://1306473c-cc5b-4b61-a6e8-e3ed4bb05237) |
| **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. | <sup>{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} </sup> | ![image](media://8276d281-df2f-4b3e-a15b-1920ce30cbc4) |
| **spacegraph** links. The spacegraph macro automatically generates links for all the pages included in the graph. | <sup>{spacegraph:space=ds|page=@home}</sup> | ![image](media://4ff2b71e-beb9-4562-8cab-043fc20add61) |