Mermaid

1. Start in edit mode of the page or blog

2. Click on the "+" at the top of the page

3. Find "Mermaid for Confluence" from the drop down list or click "View more"

4. Search for Mermaid Integration for Confluence in the search bar

5. The Insert Mermaid Integration for Confluence dialog will be opened

6. Copy and paste a valid Mermaid chart or diagram markdown-inspired text in the macro body. You can learn more about the syntax from Mermaid document page: https://mermaid-js.github.io/mermaid

7. Click "Insert"

8. Save the page

Demo