Published on

Documentation Excalidraw Graphviz Diagrams for Confluence

Authors

  • Install the plugin

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

    Excalidraw app.

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

    'create a new scene' button.Create a scene settings.Create a scene view.

  • 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;
}
Add a Graphviz diagram.Create a scene.

  • Attach the created scene to a project space

    Attach button.Attach the created scene to a project space.

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

    'Excalidraw' tab.

  • Edit the scene positioning for a convenient view

    Edit the scene positioning for a convenient view.

  • Enjoy using our plugin on the project page

    Project scene view.

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

    Space attach scene tab.

  • 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

    Call 'Excalidraw' macro.

  • Click on the "edit" button

    Call 'Excalidraw' macro.

  • Select a scene you want to add to the page

    Call 'Excalidraw' macro.

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

    Edit the scene positioning for a convenient view.

  • Enjoy using our plugin on the page

    Page scene view.