MERMAID_EXAMPLE.md

Hammerwork Mermaid Graph Example

This is an example of what the Mermaid output from cargo hammerwork workflow graph --format mermaid would look like:

---
title: Hammerwork Workflow Dependency Graph
---
graph TD
    subgraph "📋 Workflow: a1b2c3d4"
        12345678["12345678<br/>Completed<br/>✅ data-processing"]:::completed
        87654321["87654321<br/>Running<br/>⏳ data-transform"]:::running
        abcdef12["abcdef12<br/>Pending<br/>⏳ data-export"]:::pending
        fedcba21["fedcba21<br/>Failed<br/>❌ cleanup"]:::failed

        12345678 --> 87654321
        87654321 --> abcdef12
        87654321 --> fedcba21
    end

    classDef completed fill:#d4edda,stroke:#155724,stroke-width:2px,color:#155724
    classDef failed fill:#f8d7da,stroke:#721c24,stroke-width:2px,color:#721c24
    classDef running fill:#cce7ff,stroke:#004085,stroke-width:2px,color:#004085
    classDef pending fill:#fff3cd,stroke:#856404,stroke-width:2px,color:#856404
    classDef default fill:#e2e3e5,stroke:#383d41,stroke-width:2px,color:#383d41

Loading

Features

• Visual Status Indicators: Color-coded nodes based on job status
• Dependency Indicators: Emojis showing dependency resolution status
• Queue Information: Shows which queue each job belongs to
• Professional Styling: Bootstrap-inspired color scheme
• Workflow Grouping: Jobs are grouped within a labeled subgraph

Integration

This Mermaid diagram can be embedded in:

• GitHub/GitLab markdown files
• Documentation sites
• VS Code with Mermaid extension
• Mermaid Live Editor (https://mermaid.live/)
• Confluence, Notion, and other documentation platforms

Legend

• 🔵 No dependencies
• ⏳ Waiting for dependencies
• ✅ Dependencies satisfied
• ❌ Dependency failed

Status Colors

• 🟢 Completed: Light green background
• 🔴 Failed: Light red background
• 🔵 Running: Light blue background
• 🟡 Pending: Light yellow background
• ⚪ Other: Light gray background