Is there a way to draw diagrams in confluence (server) without payed add-ons?
Asked by Bart Meerveld:

[](https://community.atlassian.com/t5/Confluence-questions/Is-there-a-way-to-draw-diagrams-in-confluence-server-without/qaq-p/437744?attachment-id=8558){#link_1186932f9f981f}  
[](/tnckb94959/attachments/tnckb94959/confluence-questions/74201/1/PlantUMLDiagramsConfluence.png){#display_1186932f9f981f_0}


Answers:
author: Doug Swartz
body: I'm not completely sure what an organogram is. If what you want is something like an org chart, you can generate that using the free PlantUML plugin. Here is an example chart I created. Any of the nodes can be a clickable link.

PlantUMLDiagramsConfluence.png

Here is the PlantUML dot code for that particular diagram:

```
digraph foo {   concentrate=true  node [shape=box,style="rounded,filled"]   node [fillcolor=lightgrey,color=black,URL="http://www.nytimes.com"]; Burgers;  node [fillcolor=aquamarine4,color=black]; Refrigerator;  node [fillcolor=deepskyblue1,color=black]; Shake;  node [fillcolor=darkorange2,color=black];  "French Fries";  node [style=filled,fillcolor=lightsteelblue2,color=black];  "Grill";  node [style=filled,fillcolor=orangered4,color=black];  "Boss";  node [style=filled,fillcolor=lightskyblue,color=black];  "Manager";  node [style=filled,fillcolor=mediumpurple4,color=black];  "Customer";  node [style=filled,fillcolor=olivedrab4,color=black];  "Order Ticket";  node [style=filled,fillcolor=limegreen,color=black];  "Deluxe Burgers";  Shake -&gt; "French Fries"   Shake -&gt; "Refrigerator"   "French Fries" -&gt; "Grill"   "French Fries" -&gt; Shake   "French Fries" -&gt; Customer  Customer -&gt; "Deluxe Burgers"  Customer -&gt; Burgers  Customer -&gt; "Order Ticket"  Burgers -&gt; Deluxe Burgers   "Manager" -&gt; "Customer"  "Grill" -&gt; "French Fries"  "Grill" -&gt; Refrigerator  Boss -&gt; "Grill"  Boss -&gt; "Manager"  Boss -&gt; Burgers  Boss -&gt; "Customer"  Boss -&gt; "Order Ticket"    "Order Ticket" -&gt; "Boss"   }
```


author: Serge_tkint
body: Make your drawing in Visio and save it as a SVG.   
This way it can be made interactive (clickable)

Full flexibility with links, layout and images

comments: author: Clare
body: Hi Serge,

I tried this using LucidChart because you can export to SVG, but when I dropped it into the Confluence page it acted like a regular image and my links within shapes still weren't clickable.

Is there a step I'm missing, or is it maybe just a feature with Visio?

Forgive my ignorance, I'm not familiar with the SVG format.


author: Bill Bailey
body: There is no native graphical editor. If you don't want to buy a plug in, you need to draw whatever you want externally, save as PNG, JPEG, GIF, etc. then insert in a page.

For our docs, we use Illustrator and save as PNG.

comments: author: Bart Meerveld
body: Well our process management wants to make a clickable organogram where clicking on a department takes you to another confluence space with some more info on that department and it's subprocesses. So it's a little more complicated then just inserting an image unfortunately.


author: Bill Bailey
body: OK, first, I don't think answers allows profanity, so maybe lay off the use of organogram. :wink:

You can create images with maps (can be a PDF),or you can create a grid of images, and then in the Confluence image properties, set a link for that image when clicked. So you would need one image per space.

Or check out this plugin:

<https://marketplace.atlassian.com/plugins/de.dl.confluence.plugin.imagemap.ImageMapPlugin/server/overview>


author: Eric_Mertens
body: [@Bart Meerveld](/t5/user/viewprofilepage/user-id/853518) , i believe i kind of found a way with flowchart macro which came when i installed the graphiz plugin


author: Doug Swartz
body: If you want drag and drop diagramming like Visio, No. I don't believe any of those are currently available for free.

If you want to create flowcharts, org charts, and similar type drawings using a text drawing language, take a look at PlantUML.


Tags: diagram