> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-docs-simplify-quickstart-2510244c.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Mermaid Diagrams

> Display diagrams using Mermaid

[Mermaid](https://mermaid.js.org/) lets you create visual diagrams using text and code. Here's an example of what you can create:

```mermaid
  flowchart LR
    subgraph subgraph1
        direction TB
        top1[top] --> bottom1[bottom]
    end
    subgraph subgraph2
        direction TB
        top2[top] --> bottom2[bottom]
    end
    outside --> subgraph1
    outside ---> top2
```

## Types of Diagrams

You can create various types of diagrams including:

* Flowcharts
* Sequence diagrams
* Class diagrams
* State diagrams
* Entity relationship diagrams
* User journey diagrams
* And more

Visit the [Mermaid website](https://mermaid.js.org/) for a complete list of supported diagrams.

## How to Use

To create a Mermaid diagram, simply write your diagram code within a Mermaid code block:

````md
```mermaid
// Your mermaid code here
```
````