← Glosario
Desarrollo

¿Qué es Mermaid?

Mermaid es una biblioteca de JavaScript de código abierto que dibuja diagramas mediante texto.

Definición y origen de la palabra

En lugar de arrastrar cajas en una herramienta de dibujo, el esquema se escribe con texto y la herramienta lo convierte en una imagen. Como el texto se puedeversionar, vive junto con la documentación y pasa por revisiones. Toma su nombre del mito de la sirena y no tiene relación con tecnicismos.

Analogía: Es como si un arquitecto, en lugar de dibujar, escribiera las características del edificio y obtuviera el esquema al instante.

¿Cómo saberlo y utilizarlo en la vida diaria?

Documentación: Esquema de arquitectura dentro del README.
Planificación: Vista de calendario con Gantt.
Informe: Diagramas de flujo y de secuencia.

Profundidad técnica y arquitectura

Principales tipos:

Flowchart: Cajas de decisión y flujo.
Sequence: Interacción basada en el eje temporal.
Gantt: Calendario de tareas.
ER: Diagrama entidad-relación.

Ejemplo de flujo simple:

flowchart LR
    A[İstek] --> B[Sunucu]
    B --> C[Yanıt]

GitHub y GitLab renderizan estos bloques directamente, sin necesidad de complementos. Se utiliza el editor oficial para la vista previa en vivo.

Cosas frecuentemente mezcladas

Se cree que son herramientas de dibujo. Sin embargo, Mermaid está basado en texto y no incluye arrastrar y soltar. Si se requiere un dibujo con precisión visual, se necesita un editor gráfico.

Uso en diferentes disciplinas

Música: Transcripción del sonido mediante notación musical.
Taquigrafía: Escritura del discurso mediante atajos.
Matemáticas: Descripción de formas mediante fórmulas.

Preguntas y respuestas

¿Qué gráficos se pueden dibujar con Mermaid?

Se pueden dibujar diagramas técnicos como de flujo, secuencia, Gantt, circular (pie), ER y mapas mentales.

¿GitHub lo admite?

Sí. Los bloques de Mermaid dentro de Markdown se renderizan directamente.

¿Es gratuito?

La biblioteca principal es de código abierto y gratuita. Los editores alojados pueden tener planes de pago.

¿Cuándo se queda corto?

Cuando se requiere precisión de píxeles y dibujo libre. Esa es tarea de un editor de gráficos.

Términos relacionados

Herramientas relacionadas

Esta explicación se redactó en lenguaje sencillo para TreScout con IA y se tradujo automáticamente del original en turco · prevalece la versión turca. Si algo le parece erróneo o incompleto, escriba a hello@trescout.com. Leer en turco →