Mermaid Diagram Editor

graph TD\n    A[Start] --> B{Decision?}\n    B -->|Yes| C[Process]\n    B -->|No| D[End]\n    C --> D

A[Rectangle]\nB(Rounded)\nC{Diamond}\nD((Circle))\nE>Flag]\nF[/Parallelogram/]\nG[\\Database/]\nH((fa:fa-user User))

A --> B\nA -.-> C\nA ==> D\nA -- text --> E\nF -.text.-> G\nH ==text==> I

subgraph "User Interface"\n    A[Login] --> B[Dashboard]\nend\nsubgraph "Backend"\n    C[API] --> D[Database]\nend\nB --> C

A --> B\nB --> C\nC --> D\nD --> A\nstyle A fill:#f9f,stroke:#333,stroke-width:4px\nstyle B fill:#bbf,stroke:#333,stroke-width:2px

sequenceDiagram\n    participant U as User\n    participant F as Frontend\n    participant B as Backend\n    U->>F: Login Request\n    F->>B: Validate Credentials\n    B-->>F: Auth Token\n    F-->>U: Success

A->>+B: Request\nB->>+C: Forward\nC-->>-B: Reply\nB-->>-A: Response\nNote right of A: User waits\nNote over B,C: Processing

loop Every minute\n    A->>B: Heartbeat\nend\nalt Success\n    B->>A: OK\nelse Failure\n    B->>A: Error\nend\nopt Cache Available\n    A->>A: Use Cache\nend

par Parallel Task 1\n    A->>B: Process 1\nand Parallel Task 2\n    A->>C: Process 2\nend\nB->>A: Result 1\nC->>A: Result 2

classDiagram\n    class Animal {\n        +String name\n        +int age\n        +makeSound() void\n        -String species\n    }\n    class Dog {\n        +bark() void\n    }\n    Animal <|-- Dog

class BankAccount\n    BankAccount : +String owner\n    BankAccount : +BigDecimal balance\n    BankAccount : +deposit(amount)\n    BankAccount : +withdrawal(amount)

Customer ||--o{ Order : places\nOrder ||--|{ LineItem : contains\nProduct ||--o{ LineItem : ordered

stateDiagram-v2\n    [*] --> Idle\n    Idle --> Active : start\n    Active --> Processing : process\n    Processing --> Idle : complete\n    Processing --> Error : fail\n    Error --> Idle : reset\n    Active --> [*] : terminate

state Processing {\n    [*] --> Validating\n    Validating --> Saving\n    Saving --> [*]\n}

erDiagram\n    CUSTOMER {\n        string name\n        string email\n        int customer_id PK\n    }\n    ORDER {\n        int order_id PK\n        int customer_id FK\n        date order_date\n    }\n    CUSTOMER ||--o{ ORDER : places

CUSTOMER ||--o{ ORDER : "1 to many"\nORDER }|--|| PRODUCT : "many to 1"\nCUSTOMER }o--o{ PRODUCT : "many to many"

gantt\n    title Project Timeline\n    dateFormat YYYY-MM-DD\n    section Planning\n    Requirements    :done, req, 2024-01-01, 2024-01-15\n    Design         :active, design, 2024-01-10, 2024-01-25\n    section Development\n    Frontend       :dev1, after design, 30d\n    Backend        :dev2, after design, 25d

journey\n    title User Shopping Experience\n    section Discovery\n      Visit Homepage: 5: User\n      Browse Products: 3: User\n      View Details: 4: User\n    section Purchase\n      Add to Cart: 5: User\n      Checkout: 2: User\n      Payment: 3: User, System\n      Confirmation: 5: User, System

gitgraph\n    commit\n    commit\n    branch develop\n    checkout develop\n    commit\n    commit\n    checkout main\n    merge develop\n    commit