Simple Node & Edge Drawing Software.?

General Memory Chat
9

Mermaid now works directly in the forum here. The documentation is here: https://mermaid.js.org/

To create a diagram with mermaid, wrap the code in triple backticks, set the language to mermaid, and use 4-space indentation like this:

Mermaid.js diagram code
Mermaid.js diagram code292×294 3.56 KB

which produces this:

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

Here are some more examples:

erDiagram
          CUSTOMER }|..|{ DELIVERY-ADDRESS : has
          CUSTOMER ||--o{ ORDER : places
          CUSTOMER ||--o{ INVOICE : "liable for"
          DELIVERY-ADDRESS ||--o{ ORDER : receives
          INVOICE ||--|{ ORDER : covers
          ORDER ||--|{ ORDER-ITEM : includes
          PRODUCT-CATEGORY ||--|{ PRODUCT : contains
          PRODUCT ||--o{ ORDER-ITEM : "ordered in"

    stateDiagram-v2
        State1: The state with a note
        note right of State1
            Important information! You can write
            notes.
        end note
        State1 --> State2
        note left of State2 : This is the note to the left.

Mermaid also supports mindmaps and timelines, but they aren’t working yet. I think I just need to get the version updated.

Update: mind maps work now

2 Likes