---
title: Mermaid Diagrams
slug: docs/demo/mermaid-diagrams
description: Learn how to create flowcharts, sequences, Gantt charts, class diagrams, and ERD diagrams using Markdown, a simplified diagram language. This document showcases an example of a sequence diagram created with Markdown syntax. Start visualizing your ideas wi
icon: 🧜‍♀️
createdAt: 2020-07-08T06:35:31.000Z
---

```mermaid
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 <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
```













## Markdown flavored diagram language

## Flowchart, sequences, Gantt, Class, ERD