Mermaid vs draw.io vs TikZ: diagramas reproducibles para tu tesis en 2026

La mayoría de las tesis doctorales presentan diagramas creados en PowerPoint, Word o incluso Canva, exportados como PNG de baja resolución, que son irreprocibles, dependen de software propietario y se corrompen en la siguiente actualización de Office. La pregunta de Mermaid vs draw.io para diagramas de tesis no es una cuestión de preferencia estética: es una cuestión de reproducibilidad científica, versionado en Git y calidad de impresión para el tribunal. Esta comparativa de 2026 te muestra cuál herramienta usar para cada tipo de diagrama con ejemplos concretos.

Un diagrama de metodología mal exportado puede costar puntos en la valoración del depósito TESEO o en la revisión de la editorial cuando intentas publicar tus capítulos. Un diagrama PRISMA en PNG de 72 dpi rechazado por una revista JCR Q1 es un error evitable. Las tres herramientas de esta comparativa — Mermaid, draw.io y TikZ — ofrecen exportación vectorial en SVG y PDF de calidad imprenta, pero lo hacen con filosofías radicalmente distintas que encajan mejor con perfiles diferentes.

Metodología del benchmark (mismo diagrama, tres herramientas)

Para una comparativa honesta, creamos el mismo conjunto de diagramas con las tres herramientas y evaluamos cada criterio con la misma muestra:

• Diagrama 1: flowchart de metodología (12 nodos, 15 flechas, 3 puntos de decisión).
• Diagrama 2: modelo conceptual de variables (diagrama de relaciones 4×4).
• Diagrama 3: diagrama de secuencia de intervención (8 actores, 20 pasos).
• Diagrama 4: diagrama PRISMA 2020 con celdas de exclusión.
• Diagrama 5: árbol de decisión estadístico (test de normalidad → test paramétrico/no-paramétrico).

Las pruebas se realizaron en enero-abril 2026. Mermaid: versión 11.x via mermaid.live. draw.io: versión 24.x de escritorio (app.diagrams.net). TikZ: integrado en Overleaf con paquetes pgf/tikz y forest.

Filosofías opuestas: código vs. canvas vs. LaTeX nativo

Antes de comparar características específicas, entender la filosofía de cada herramienta es esencial:

Mermaid es un lenguaje de marcado para diagramas. Defines el diagrama como texto:

flowchart TD
    A[Recogida de datos] --> B{Normalidad?}
    B -- Shapiro-Wilk p>.05 --> C[Prueba paramétrica]
    B -- Shapiro-Wilk p<=.05 --> D[Prueba no-paramétrica]

Este texto es un fichero .md que puedes versionar en Git, differenciar línea a línea, revisar en un pull request y renderizar en GitHub, GitLab, VS Code, Obsidian o cualquier plataforma que soporte Mermaid. En 2026, Mermaid es el estándar de facto para documentación técnica.

draw.io es un editor canvas: arrastras y sueltas formas, las conectas con flechas, ajustas visualmente. El fichero resultante es un XML que en teoría es versionable en Git pero cuyo diff es ilegible para humanos. Su mayor ventaja es la velocidad para diagramas conceptuales complejos con capas visuales (mapas de procesos organizacionales, arquitecturas de sistemas, mapas de ruta).

TikZ es el sistema de gráficos vectoriales nativo de LaTeX. Si tu tesis está en Overleaf o en una pipeline LaTeX, TikZ genera diagramas que compilan directamente con el documento, usan la misma tipografía del texto, y producen PDF de calidad imprenta sin ningún proceso de exportación adicional. La contrapartida es la curva de aprendizaje más pronunciada de los tres.

Versionado en Git

Para una tesis que evoluciona durante 3-5 años, la capacidad de versionar los diagramas junto al texto es una ventaja significativa.

Mermaid: puntuación máxima. Un diagrama Mermaid es texto plano. git diff muestra exactamente qué nodos o conexiones cambiaron. Si añades un paso a tu metodología en el capítulo 3, el commit muestra exactamente qué línea se añadió al flowchart. En proyectos colaborativos, los merge conflicts se resuelven como cualquier fichero de texto.

draw.io: el fichero .drawio es XML. Técnicamente versionable, pero el XML incluye coordenadas absolutas de cada elemento visual, por lo que mover un cuadro un píxel genera un diff enorme e ilegible. draw.io soporta también formato Mermaid para crear diagramas, lo que te da lo mejor de ambos mundos dentro de la interfaz de draw.io.

TikZ: código LaTeX puro, versionable perfectamente. git diff muestra los cambios de coordenadas o comandos exactamente. Para equipos que trabajan en Overleaf, el sistema de historial de Overleaf cubre el versionado básico sin necesidad de Git externo.

Exportación PDF/SVG para publicación

Revistas JCR Q1 exigen figuras en formato vectorial (SVG, PDF, EPS) o ráster de al menos 300 dpi (600 para microscopía). Ningún diagrama en PNG exportado de PowerPoint cumple ese estándar.

Mermaid: exporta a SVG (vector puro) y PNG. El SVG puede abrirse en Inkscape o Adobe Illustrator para ajustes finales. La calidad del SVG exportado por mermaid.live en 2026 es adecuada para publicación. Para uso en LaTeX, el flujo es Mermaid → SVG → Inkscape (limpieza) → PDF → includegraphics. También existe un convertidor Mermaid → TikZ (Underleaf.ai) que genera código TikZ directamente desde el diagrama Mermaid.

draw.io: exporta a SVG, PDF, PNG con DPI configurable, XML. La exportación a SVG es de alta calidad y se integra bien con Inkscape. draw.io también tiene opción “Export as PDF” con fuentes embebidas, adecuada para impresión directa.

TikZ: compila directamente a PDF como parte del documento LaTeX. No hay proceso de exportación: el diagrama es parte del PDF final. La tipografía es idéntica al texto de la tesis (Computer Modern o la fuente que hayas configurado). Para revistas que solicitan figuras separadas, compilas el TikZ como documento standalone.

Compatibilidad con plantilla universitaria (Overleaf, Word)

Overleaf + LaTeX: TikZ es la opción natural. Mermaid también funciona via paquete mermaid-latex (experimental) o compilando externamente y exportando el SVG. draw.io exporta a SVG que Overleaf incluye directamente como figura vectorial.

Word: ninguna de las tres herramientas genera Word nativo. El flujo para Word es exportar el diagrama como SVG o PDF y luego insertarlo como imagen en Word. draw.io tiene una ventaja aquí: su extensión para Chrome/Edge y su integración con SharePoint/OneDrive hacen que insertar diagramas en documentos de Office sea más sencillo que con Mermaid o TikZ.

Si tu director usa exclusivamente Word, draw.io o Mermaid (exportado a SVG) son más prácticos que TikZ para el workflow de revisión. En las universidades italianas, el formato Word sigue siendo el estándar habitual para la entrega de la tesis a los relatori; puedes consultar la guía sobre cómo formatear la tesis en Word 2026 según los ateneos italianos para ver cómo se aplican márgenes, interlineado y estilos de título en la norma italiana.

Curva de aprendizaje por herramienta

draw.io es la herramienta de menor barrera de entrada. Si tu tesis no usa LaTeX y necesitas crear un diagrama esta tarde, draw.io es la respuesta. Si usas Overleaf y tienes tiempo de invertir una semana en aprender TikZ, la calidad tipográfica del resultado justifica el esfuerzo. Mermaid es la opción intermedia y la más valiosa para quienes trabajan con Markdown y Git.

Diagramas PRISMA reproducibles

El diagrama PRISMA 2020 para revisiones sistemáticas merece mención especial porque tiene una solución más específica que cualquiera de los tres competidores.

El paquete R prisma2020 (disponible en CRAN) genera el diagrama PRISMA 2020 estándar directamente desde un dataframe con los números de cada fase. El resultado es un SVG/PDF reproducible desde el código R, que se actualiza automáticamente si cambias los datos de exclusión. Para doctorandos que usan R, esta es la opción preferida.

Alternativa en Python: el paquete pyprism hace lo mismo. Para usuarios de Markdown/Mermaid, existe una implementación experimental de PRISMA en Mermaid, aunque la presentación no sigue exactamente el formato oficial de la guía PRISMA 2020.

Con draw.io: existen plantillas PRISMA 2020 gratuitas en la galería de plantillas de draw.io. Rellenas los números manualmente, lo que es suficiente si solo necesitas un diagrama estático. Si tus cifras van a cambiar durante la revisión, la actualización manual es propensa a errores.

Con TikZ: el paquete tikzprisma genera diagramas PRISMA desde parámetros LaTeX. Excelente para Overleaf.

Integración con Pandoc

Si tu flujo de trabajo usa Pandoc para compilar la tesis desde Markdown a LaTeX/PDF, la integración de diagramas funciona así:

Mermaid + Pandoc: el filtro pandoc-mermaid convierte bloques de código Mermaid en el fichero Markdown a imágenes PNG o SVG durante la compilación. Con el filtro instalado, tu fuente Markdown contiene el código del diagrama directamente y Pandoc lo renderiza automáticamente. No hay que exportar nada manualmente.

draw.io + Pandoc: no hay integración nativa. Necesitas exportar manualmente el diagrama como SVG y referenciarlo en el Markdown como imagen estándar.

TikZ + Pandoc: Pandoc puede incluir código TikZ en bloques ```{=latex} que se pasan directamente al compilador LaTeX. Para salidas no-LaTeX (DOCX, HTML) el bloque se ignora, así que necesitas también tener una versión SVG de fallback.

Tabla comparativa completa

Recomendación por tipo de diagrama

Para profundizar en el flujo de trabajo completo que combina Mermaid con Markdown y LaTeX, consulta la guía de Pandoc para tesis: workflow Markdown → LaTeX → PDF/A. Si usas Overleaf, el artículo sobre Overleaf vs Word para tesis de 600 páginas complementa perfectamente esta guía. Para los diagramas PRISMA en tu revisión sistemática, ve directamente a cómo hacer la revisión sistemática con PRISMA 2020.

Preguntas frecuentes