Skip to content
Mermaid Studio Logo Mermaid Studio

    User Journey Diagrams

    User journey diagrams visualize the steps a user takes to accomplish a goal, with satisfaction scores for each action.

    Example

    Section titled “Example”
    journey
        title User Onboarding
        section Sign Up
            Visit website: 5: User
            Create account: 3: User
        section First Use
            Complete tutorial: 4: User
            Create first project: 5: User

    IDE Support

    Section titled “IDE Support”

    Mermaid Studio provides basic support for user journey diagrams:

    • Syntax highlighting for sections, tasks, and actors
    • Live preview showing the journey timeline
    • Error detection for invalid syntax

    Learn More

    Section titled “Learn More”

    For complete syntax documentation including multiple actors and custom styling, see the Mermaid.js User Journey documentation.