Mermaid Diagram Viewer

Enter Mermaid Diagram Code:

Rendered Diagram:

Example Diagrams:

Flow Chart:

graph TD
    A[Start] --> B{Is it working?}
    B -->|Yes| C[Great!]
    B -->|No| D[Try Again]

Sequence Diagram:

---
config:
  theme: forest
---

%%{init:{"themeVariables": {
    "noteBkgColor":"#f4f4f4", 
    "noteTextColor":"black",
    "noteBorderColor":"#000"
  }
}}%%

    sequenceDiagram
    participant Alice
    participant Bob
    Alice->>Bob: Hello Bob, how are you?
    Bob->>Alice: I'm good thanks!

Class Diagram:

classDiagram
    Animal <|-- Duck
    Animal <|-- Fish
    Animal <|-- Zebra
    Animal : +int age
    Animal : +String gender
    Animal: +isMammal()
    Animal: +mate()
    class Duck{
        +String beakColor
        +swim()
        +quack()
    }