Flowchart - Decision Tree

A simple decision tree flowchart showing a basic process flow.

graph TD
    A[Start] --> B{Is it working?}
    B -->|Yes| C[Great!]
    B -->|No| D[Debug]
    D --> E[Fix Issue]
    E --> B
    C --> F[End]

Sequence Diagram - Web Request

Shows the interaction between user, browser, and server during a web request.

sequenceDiagram
    participant User
    participant Browser
    participant Server
    
    User->>Browser: Enter URL
    Browser->>Server: HTTP Request
    Server-->>Browser: HTML Response
    Browser->>Browser: Render Page
    Browser-->>User: Display Page

Class Diagram - OOP Structure

Object-oriented class structure with inheritance and relationships.

classDiagram
    class Animal {
        +String name
        +int age
        +makeSound()
    }
    class Dog {
        +String breed
        +bark()
    }
    class Cat {
        +String color
        +meow()
    }
    Animal <|-- Dog
    Animal <|-- Cat

Gantt Chart - Project Timeline

Project timeline with multiple phases and dependencies.

gantt
    title Project Timeline
    dateFormat YYYY-MM-DD
    section Planning
    Requirements    :a1, 2024-01-01, 30d
    Design         :a2, after a1, 20d
    section Development
    Backend        :a3, after a2, 40d
    Frontend       :a4, after a2, 35d
    section Testing
    QA Testing     :a5, after a3, 15d
    Deployment     :a6, after a5, 5d

Pie Chart - Budget Distribution

Visual representation of budget allocation across different categories.

pie title Project Budget Distribution
    "Development" : 45
    "Design" : 20
    "Marketing" : 15
    "Operations" : 12
    "Other" : 8

ER Diagram - Database Schema

Entity-relationship diagram showing database structure and relationships.

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE-ITEM : contains
    CUSTOMER {
        string name
        string email
        string phone
    }
    ORDER {
        int orderNumber
        date orderDate
        string status
    }
    LINE-ITEM {
        string productCode
        int quantity
        float price
    }

User Journey - Shopping Experience

Customer journey map showing the shopping experience from browsing to review.

journey
    title User Shopping Journey
    section Browse
      Visit Website: 5: User
      Search Products: 4: User
      View Details: 4: User
    section Purchase
      Add to Cart: 5: User
      Checkout: 3: User
      Payment: 2: User
    section Post-Purchase
      Confirmation: 5: User
      Delivery: 4: User, Courier
      Review: 5: User

Complex Flowchart - System Process

A more complex flowchart showing a system process with multiple decision points.

graph TD
    Start([Start]) --> Input[Input Data]
    Input --> Validate{Valid?}
    Validate -->|No| Error[Show Error]
    Validate -->|Yes| Process[Process Data]
    Error --> Input
    Process --> Save{Save?}
    Save -->|Yes| Database[(Database)]
    Save -->|No| Display[Display Result]
    Database --> Display
    Display --> End([End])