> For the complete documentation index, see [llms.txt](https://docs.seoneo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.seoneo.io/documentation/diagram-editor/creating-a-custom-diagram.md).

# Creating a custom diagram

### Creating a new diagram

To create a custom diagram, click on "**Diagram Editor**" **(1)** on main menu and then click "**Create**" **(2)**.

<figure><img src="/files/brLNqFdYs4CTQ3eXQZGO" alt=""><figcaption></figcaption></figure>

Then give your diagram a name and click "**Create**".

<figure><img src="/files/3dyw2vAaj4uwu9OBtLo5" alt=""><figcaption></figcaption></figure>

### Add link groups into diagram

To place new link groups, just drag and drop groups from groups list into diagram area.

<figure><img src="/files/25MGRdMBaBCyBKCo6Lac" alt=""><figcaption></figcaption></figure>

### Connecting connections between groups

To **create a link group**: drag and drop a group from link group list **(1)** into diagram area **(2)**.

To **create connection** between link groups:&#x20;

1. Place mouse cursor over group handle, and while keeping the mouse button down, drag and hold.&#x20;
2. You will see the connection line.&#x20;
3. While keeping mouse down, place cursor over another groups handle and release mouse button. This will create a new connection between groups.

<figure><img src="/files/AlQ19t9Pbs7EnWreBlov" alt=""><figcaption><p>Click on group handle</p></figcaption></figure>

<figure><img src="/files/U4q6jA8yLrH7h2sBXCQ2" alt=""><figcaption><p>Drag and drop connection</p></figcaption></figure>

<figure><img src="/files/nCdtRHzhAQOxGLMXmZGx" alt=""><figcaption><p>Place connection over other group, to create the connection</p></figcaption></figure>
