Advanced YAML Visualizer
Convert complex YAML configurations into 8 types of professional interactive diagrams with automatic dependency analysis, structural metrics, and advanced exploration tools.
Save your diagrams + get a live README badge
Free account · $5/mo Pro lifetime for the first 100 users
YAML Visualizer & Viewer
Visualize and view your YAML data in multiple diagram formats. Free online YAML viewer with tree view, dependency graphs, and interactive diagrams
Visualization Types
Choose from multiple visualization formats to best understand your YAML structure.
Tree Diagram
Top-down tree of the whole YAML. Wide subtrees collapse into a leaf with a count. Good first look at the document's shape.
Flow Diagram
Flowchart with decision and process shapes. Switches to left-to-right when the structure fans out. Good for CI pipelines and stage-based workflows.
Dependency Graph
Relationships between entities. Detects Docker Compose (depends_on), Kubernetes (volumes, serviceAccount), CloudFormation (DependsOn, Ref), Helm chart deps, OpenAPI $refs, and CI workflows (needs, runAfter).
Sequence Diagram
Execution as a sequence diagram with participants and messages. Detects GitHub Actions, GitLab CI, Azure Pipelines, Argo, Tekton, Bitbucket and OpenAPI paths.
State Diagram
State machine view. Detects AWS Step Functions, XState / Stately, Kubernetes Pod/Job/Deployment status and generic state definitions.
Class Diagram
Schemas as classes with typed fields, inheritance and relations. Detects OpenAPI 2/3, JSON Schema ($defs / definitions), Kubernetes CRDs and K8s resources.
Block Diagram
Interactive block explorer with expand/collapse per node, deep search (keys, paths and values), filters by type and level, and 4 layout modes. Best for navigating large YAMLs.
Interactive Diagram
Force-directed graph. Nodes repel each other and self-organise; drag any node to pin it. Drag the background to pan. Good for free-form exploration.
Ship your next product faster with AI-ready Next.js
The boilerplate designed for AI to understand your project. Use code YAMLTOOLS for 5% off!
Try a real YAML file
Click an example and we'll load it into the visualizer above so you can explore it in any of the 8 diagram types.
Kubernetes Deployment
A typical Nginx Deployment with 3 replicas, resource limits and container ports — great for seeing how pods, deployments and containers relate.
Docker Compose stack
Web + API + Postgres with a shared volume. Highlights service dependencies, networks and volume wiring.
GitHub Actions workflow
Three-job CI pipeline with `needs` dependencies. Ideal for the sequence and flow diagrams to see job order.
OpenAPI 3 spec
Minimal Users API with schema references. Perfect for the class diagram to inspect types, required fields and `$ref` relationships.
Helm chart dependencies
A Helm Chart.yaml declaring Postgres and Redis subcharts — useful for dependency graphs.