---
title: "How to add links to graphviz images - Cloud"
canonical: "https://support.appfire.com/space/GVIZ/70224107/How%20to%20add%20links%20to%20graphviz%20images%20-%20Cloud"
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 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. | <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://803961f3-5581-41c8-8218-8642c76e2baf) |
| 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://43cfd6e3-0ca0-4f82-a9f9-aa052b4dba14) |
| 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://eb98b8f8-8304-4eaf-9073-90d1809880ba) |
| **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://2adebd7e-6466-4114-a427-0b401be6bf2c) |
| **spacegraph** links. The Space graph macro automatically generates links for all the pages included in the graph. | <sup>{spacegraph:space=ds|page=@home}</sup> | ![image](media://af160c50-704e-4741-bd74-385f8be1bbc4) |