Diagrams

Currently, Qiandu supports Mermaid charts.

Mermaid

Mermaid is a JavaScript-based chart drawing tool. Its text definition is similar to Markdown and can dynamically create charts in the browser. For example: flow charts, sequence diagrams, pie charts, etc.

Using Mermaid in Hextra is as easy as using a code block:

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

Will render as:

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

Sequence diagram:

sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts 
prevail!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!

For more information, go to Mermaid Documentation.