Mermaid es un software de diagramación y creación de gráficos de código abierto basado en JavaScript que genera diagramas a partir de descripciones basadas en texto. [ 1 ] Creado por Knut Sveidqvist en 2014, el proyecto surgió de la necesidad de simplificar la creación de diagramas en flujos de trabajo de documentación tras experimentar problemas con formatos de archivo de software propietario . [ 2 ] [ 3 ]
Características
Mermaid permite a los usuarios crear varios tipos de diagramas utilizando una sintaxis similar a Markdown , incluyendo: [ 4 ]
- Diagramas de flujo
- Diagramas de secuencia
- Diagramas de clases
- Diagramas de estados
- Diagramas de Gantt
- Diagramas entidad-relación
El software proporciona interfaces de edición tanto basadas en texto como visuales, lo que permite a los usuarios alternar entre ambos modos. [ 2 ] Los usuarios pueden crear diagramas a través del Editor en Vivo Mermaid, una herramienta web que ofrece capacidades de vista previa en tiempo real sin necesidad de instalación local. [ 5 ]
Historia
Mermaid.js fue creado en 2014 por el arquitecto de software sueco Knut Sveidqvist para mantener los diagramas alineados con la documentación del software. Sveidqvist afirmó que la idea surgió tras perder un archivo de Microsoft Visio , lo que lo llevó a adoptar un enfoque basado en texto y centrado en Markdown. El nombre del proyecto se inspiró en La Sirenita , que sus hijos estaban viendo en ese momento. [ 6 ] [ 7 ] [ 8 ]
El objetivo del proyecto es describir diagramas en texto plano mantenido en control de versiones , lo que ayuda a que la documentación se mantenga al ritmo del desarrollo y aborda el problema de la obsolescencia de la documentación. [ 9 ] En 2021 se publicó una guía sobre Mermaid, The Official Guide to Mermaid.js . [ 10 ]
En 2022, Sveidqvist cofundó Mermaid Chart Inc. (conocida como Mermaid), que ofrece herramientas de edición alojadas y funciones empresariales distintas de la biblioteca de código abierto. Las ofertas alojadas y empresariales de la compañía son extensiones propietarias de núcleo abierto , [ 6 ] [ 7 ] centradas en flujos de trabajo de texto a diagrama que admiten procesos de control de versiones, automatización y revisión de código. [ 11 ] [ 12 ]
Integración
Mermaid es compatible de forma nativa con varias plataformas y servicios: [ 13 ] [ 14 ]
Desarrollo
A partir de 2024, el proyecto se desarrolla bajo modelos tanto de código abierto como comerciales. La funcionalidad principal permanece como código abierto bajo la licencia MIT, mientras que una oferta comercial llamada Mermaid Chart proporciona características adicionales y servicios alojados. [ 2 ] El proyecto de código abierto ha logrado una participación significativa de la comunidad, con más de 74 000 estrellas en GitHub y 6800 bifurcaciones a principios de 2025. [ 1 ]
En marzo de 2024, la entidad comercial recaudó 7,5 millones de dólares en financiación inicial de inversores como Open Core Ventures, Sequoia y el fondo M12 de Microsoft. [ 2 ]
Reconocimiento
El proyecto recibió el premio JS Open Source Award en 2019 por "El uso más emocionante de la tecnología". [ 25 ]
Véase también
Referencias
- 1 2 "Repositorio de Mermaid en GitHub" . GitHub .
- 1 2 3 4 Frederic Lardinois (20 de marzo de 2024). "Mermaid Chart, una herramienta similar a Markdown para crear diagramas, recauda 7,5 millones de dólares" . TechCrunch .
- ↑ Amit Chowdhry (26 de agosto de 2024). "Mermaid Chart: Cómo esta empresa crea diagramas complejos a partir de código estilo Markdown" . Pulse 2.0 .
- ↑ Kerry Doyle (12 de diciembre de 2023). "Una revisión de las herramientas de visualización de arquitectura de software" . TechTarget .
- ↑ "Editor en vivo de sirenas" .
- 1 2 Chowdhry, Amit (26 de agosto de 2024). "Mermaid Chart: Cómo esta empresa crea diagramas complejos a partir de código estilo Markdown" . Pulse 2.0 . Recuperado el 27 de octubre de 2025 .
- 1 2 Lardinois, Frederic (20 de marzo de 2024). "Mermaid Chart, una herramienta similar a Markdown para crear diagramas, recauda 7,5 millones de dólares" . TechCrunch . Consultado el 27 de octubre de 2025 .
- ↑ Lindberg, Erica (10 de octubre de 2022). "Por qué invertimos en Mermaid Chart" . Open Core Ventures . Recuperado el 27 de octubre de 2025 .
- ↑ Buchta, Brian (2024-06-03). "Mermaid: Ayudando a que la documentación se ponga al día con el desarrollo" . Keyhole Software . Recuperado el 2026-01-05 .
- ↑ Sveidqvist, Knut; Jain, Ashish (2021). La guía oficial de Mermaid.js . Packt.
- ↑ "Gráfico de Mermaid (Ecosistema)" . Documentación de Mermaid.js . mermaid-js . Consultado el 27 de octubre de 2025 .
- ↑ Joshua Meiri. "El pensamiento visual se une al código: cómo Mermaid.js está transformando el diseño de procesos" . Origami Precision — Insights . Consultado el 27 de octubre de 2025 .
- ↑ Justin Pot (13 de noviembre de 2024). "Usa Mermaid para crear gráficos y diagramas sin herramientas de edición de imágenes" . LifeHacker .
- ↑ "Integraciones de sirenas" .
- ↑ "Guía de Markdown para Wikis – Azure DevOps" . 6 de septiembre de 2024.
- ↑ "Incluir diagramas en archivos Markdown con Mermaid en GitHub" . 14 de febrero de 2022.
- ↑ Ian Elliot (15 de febrero de 2022). "GitHub admite Mermaid para la creación de diagramas" . I Programmer .
- ↑ "Gitea - Comparado con otros servicios de alojamiento de Git" .
- ↑ "Manual de Gitlab" .
- ↑ "Joplin - Guía de Markdown" .
- ↑ "Tulipane 12.7" .
- ↑ "Notion – Notas de la versión 2021-12-23" .
- ↑ "Registro de cambios de Obsidian 0.7.6" .
- ↑ "Quarto – Creación de diagramas" .
- ↑ "Ganadores de 2019" . Premios JavaScript de código abierto . Consultado el 21 de septiembre de 2025 .
- Software de 2014
- Software multiplataforma
- Software de diagramación
- Software gratuito programado en TypeScript.
- Software libre programado en JavaScript
- Lenguajes de marcado ligeros
- Software que utiliza la licencia MIT.
- Software de visualización