Documentation – Excalidraw Graphviz Diagrams for Confluence

Step-by-step guide to creating Excalidraw whiteboards with embedded Graphviz diagrams in Confluence, from your first scene to page and space macros.

  • Install the plugin

  • In the dropdown menu “Apps,” click on the “Excalidraw Graphviz” tab

  • Click the “Create a new scene” button and create your first scene

  • Add Graphviz code

strict graph ip_map {
  fontname="Helvetica,Arial,sans-serif"
  node [fontname="Helvetica,Arial,sans-serif"]
  edge [fontname="Helvetica,Arial,sans-serif"]
  MH -- { ERC ALC WH1 HO1 IH1 };
  ALC -- MV -- AN;
  MV -- HO3 -- WH1;
  HO3 -- MT;
  MT -- LZ -- FL;
  MT -- FJ;
  MT -- ER;
  HO1 -- HR;
  MT -- DR;
  HO1 -- CB -- IH1 -- IHC;
  HO1 -- HV;
  {IHP IW IH1 IH2 IH4 } -- {IHP IW IH1 IH2 IH4 };
  {IH4 IH2} -- {MLM HV};
  HO1 -- HO3;
  HO3 -- IH1;
}
  • Attach the created scene to a project space

  • Go to the space page and click on the “Excalidraw Graphviz” tab

  • Edit the scene positioning for a convenient view

  • Enjoy using our plugin on the project page

  • You can also attach the created scenes on the space page

  • Add a macro to the page
    To do this, enter the command “/excalidraw graphviz” on the page and select our plugin in the menu that appears

  • Click on the “edit” button

  • Select a scene you want to add to the page

  • Edit the scene positioning for a convenient view
    Please note: this is only available to the page owner

  • Enjoy using our plugin on the page