Saltearse al contenido

Desde código

Desde código lee el código fuente que pegas, detecta automáticamente su tipo y lo convierte en un diagrama editable. Distribuye por sí solo los servicios, las tablas, los recursos y las relaciones entre ellos. No requiere IA; todo el análisis se ejecuta por completo en tu navegador, sin conexión y de forma autónoma.

Desde código: distintivo de formato detectado, código fuente y vista previa

En la barra de herramientas inferior, Más herramientas (⋯) → Desde código.

Cuando pegas tu código fuente, aparece en la parte superior del cuadro de diálogo un distintivo que muestra el tipo detectado. Se reconocen los siguientes formatos:

FormatoQué produce
Docker Compose (YAML)Servicios, dependencias, redes y volúmenes.
Kubernetes (YAML)Recursos como Deployment, Service, Ingress y sus relaciones.
HelmEstructura de plantilla/chart de Helm.
Graphviz DOT (.dot / .gv)Nodos y aristas del grafo DOT.
PlantUML (.puml / .plantuml / .iuml / .pu)Estructura del diagrama PlantUML.
Terraform (.tf / .hcl)Recursos y dependencias de Terraform.
SQLUn diagrama ER con tablas y relaciones de clave foránea.
Plan EXPLAINSalida JSON de EXPLAIN de Postgres/MySQL como un árbol de plan de consulta.
OpenAPIEndpoints y relaciones de esquema a partir de una definición OpenAPI.
git logUn grafo de git a partir de commits y ramas.

Cuando se introduce texto que no puede reconocerse, el distintivo indica “unknown” y se muestra una sugerencia.

  1. Abre Más herramientas → Desde código.
  2. Escribe o pega el código fuente en el cuadro de la izquierda, o cárgalo desde un archivo con Subir archivo. El tipo se detecta automáticamente.
  3. Revisa la vista previa en vivo de la derecha; puedes inspeccionarla con los controles de zoom.
  4. Haz clic en Insertar para colocar el diagrama en el lienzo. El resultado está hecho de formas reales y editables.
  • Dirección del flujo: distribuye el diagrama de arriba abajo (TB) o de izquierda a derecha (LR). (Esta opción no aparece en la cuadrícula SQL → ER.)
  • Estilo de dibujo y fuente: alterna entre dibujo limpio/boceto y fuente manuscrita/normal; se aplica tanto a la vista previa como a las formas insertadas.
  • Filtros de relaciones: si el grafo tiene más de un tipo de relación, aparecen fichas etiquetadas que activan o desactivan cada tipo individualmente.
  • Estilo de relación SQL: en un diagrama ER, puedes elegir la línea de relación como una línea recta, una flecha recta, una flecha inteligente o pata de gallo.
  • Comparación (drift): compara tu código fuente actual con tu inserción anterior del mismo tipo; resalta en color los nodos añadidos y eliminados (+añadido / −eliminado).

El botón Subir archivo acepta las siguientes extensiones: .yaml, .yml, .txt, .dot, .gv, .puml, .plantuml, .iuml, .pu, .tf, .hcl.

  • No se requiere ninguna clave; funciona totalmente sin conexión.
  • En la parte inferior se muestran los recuentos de nodos, conexiones y grupos, junto con cualquier advertencia.
  • Como el resultado está hecho de formas, puedes cambiar libremente sus etiquetas, colores y disposición después.