Open Source • Free Forever

Visualize your API
workflows instantly

The most intuitive way to understand, edit and share Arazzo API workflow specifications. Real-time editing with Monaco Editor, interactive diagrams, and Mermaid export.

Open PlaygroundView on GitHub
arazzo.connethics.com/playground

Interactive API Workflow Visualizer

Edit YAML • View Diagrams • Export Mermaid

Everything you need to understand
Arazzo specifications

A complete toolkit for working with OpenAPI Arazzo workflow specifications

Interactive Flow Diagrams

Explore your API workflows with draggable, zoomable React Flow diagrams. Click on steps to see details.

Monaco YAML Editor

Edit your Arazzo specifications with VS Code's powerful Monaco editor featuring syntax highlighting and code folding.

Multiple View Modes

Switch between interactive diagrams, Mermaid flowcharts, and sequence diagrams to visualize your workflows.

Mermaid Export

Export your workflows as Mermaid diagrams for documentation, presentations, or integration with other tools.

Step Details Panel

View comprehensive details about each step including parameters, success criteria, outputs, and API operations.

Real-time Parsing

See changes instantly as you edit. The visualizer updates in real-time as you modify your YAML specification.

What is Arazzo?

Arazzo is an OpenAPI Initiative specification for describing sequences of API calls and their dependencies. It enables you to document complex API workflows that involve multiple endpoints working together.

  • Define multi-step API workflows with dependencies
  • Specify success criteria and failure handling
  • Document input/output data flows between steps
  • Reference OpenAPI operations directly
Read the Arazzo Specification
arazzo: 1.0.1
info:
  title: Pet Adoption Workflow
  version: 1.0.0

workflows:
  - workflowId: adopt-pet
    summary: Complete pet adoption
    steps:
      - stepId: find-pets
        operationId: findPetsByStatus
        parameters:
          - name: status
            value: available
        successCriteria:
          - condition: $statusCode == 200
        outputs:
          pets: $response.body

      - stepId: select-pet
        operationId: getPetById
        dependsOn: find-pets
        parameters:
          - name: petId
            value: $steps.find-pets.outputs.pets[0].id

Ready to visualize your workflows?

Start exploring your Arazzo specifications now. No sign-up required.

Launch Playground