Visualizador YAML Avanzado
Convierte configuraciones YAML complejas en 8 tipos de diagramas interactivos profesionales con análisis automático de dependencias, métricas estructurales y herramientas de exploración avanzadas. Visualizaciones generadas con Mermaid para máxima calidad y rendimiento.
Guarda tus diagramas y consigue un badge en vivo para tu README
Cuenta gratuita · 5 $/mes Pro de por vida para los primeros 100 usuarios
Visualizador y Visor YAML
Visualiza y ve tus datos YAML en múltiples formatos de diagrama. Visor YAML online gratis con vista de árbol, gráficos de dependencias y diagramas interactivos
Tipos de Visualización
Elige entre múltiples formatos de visualización para entender mejor tu estructura YAML.
Diagrama de Árbol
Árbol descendente del YAML completo. Los subárboles grandes se colapsan en una hoja con contador. Ideal para una primera vista de la estructura del documento.
Diagrama de Flujo
Diagrama de flujo con formas de decisión y proceso. Cambia a horizontal cuando hay muchos hermanos. Bueno para pipelines CI y workflows por fases.
Gráfico de Dependencias
Relaciones entre entidades. Detecta Docker Compose (depends_on), Kubernetes (volumes, serviceAccount), CloudFormation (DependsOn, Ref), dependencias de Helm, $refs de OpenAPI y workflows CI (needs, runAfter).
Diagrama de Secuencia
Ejecución como diagrama de secuencia con participantes y mensajes. Detecta GitHub Actions, GitLab CI, Azure Pipelines, Argo, Tekton, Bitbucket y paths de OpenAPI.
Diagrama de Estados
Máquina de estados. Detecta AWS Step Functions, XState / Stately, estado de Pod/Job/Deployment de Kubernetes y definiciones genéricas.
Diagrama de Clases
Esquemas como clases con campos tipados, herencia y relaciones. Detecta OpenAPI 2/3, JSON Schema ($defs / definitions), CRDs y recursos de Kubernetes.
Diagrama de Bloques
Explorador interactivo con expandir/colapsar por nodo, búsqueda profunda (claves, rutas y valores), filtros por tipo y nivel, y 4 modos de layout. Ideal para navegar YAMLs grandes.
Diagrama Interactivo
Grafo con layout basado en fuerzas. Los nodos se repelen y se auto-organizan; arrastra cualquiera para fijarlo. Arrastra el fondo para desplazarte. Ideal para exploración libre.
Lanza tu producto más rápido con Next.js preparado para IA
El boilerplate diseñado para que la IA entienda tu proyecto. ¡Usa el código YAMLTOOLS y obtén un 5% de descuento!
Prueba con un YAML real
Haz clic en un ejemplo y lo cargamos en el visualizador de arriba para que lo explores en cualquiera de los 8 diagramas.
Deployment de Kubernetes
Un Deployment típico de Nginx con 3 réplicas, límites de recursos y puertos de contenedor — ideal para ver cómo se relacionan pods, deployments y contenedores.
Stack Docker Compose
Web + API + Postgres con un volumen compartido. Muestra dependencias entre servicios, redes y volúmenes.
Workflow de GitHub Actions
Pipeline de CI con tres jobs y dependencias `needs`. Ideal para los diagramas de secuencia y flujo.
Especificación OpenAPI 3
API mínima de usuarios con referencias a schemas. Perfecto para el diagrama de clases y ver tipos, campos obligatorios y `$ref`.
Dependencias de un Helm Chart
Un Chart.yaml declarando subcharts de Postgres y Redis — útil para grafos de dependencias.