Acerca de Mermaid Viewer

Mermaid Viewer es un editor gratuito de diagramas Mermaid que funciona en el navegador. Escribes o pegas texto Mermaid a la izquierda y el diagrama renderizado aparece a la derecha mientras escribes.

El renderizado ocurre en tu navegador. Tu diagrama no se sube, no se almacena ni se procesa en un servidor: Mermaid se ejecuta como JavaScript en tu propia máquina, y un archivo que arrastres se lee localmente. Por eso esto funciona con diagramas que no pegarías en una herramienta alojada: arquitectura interna, sistemas con nombres de clientes en las etiquetas, cualquier cosa cubierta por un acuerdo de confidencialidad.

Una salvedad que prefiero decir en vez de ocultar: si activas el enlace para compartir, el diagrama queda codificado en la propia URL, y una URL que envías a otra persona viaja por la red. Todo lo demás se queda en tu máquina.

Necesitaba documentar arquitectura de software y quería que los diagramas vivieran en el repositorio, junto al código, en lugar de en una herramienta de dibujo aparte. Mermaid era el formato obvio para eso. Lo que no tenía era una buena forma de verlos.

No me puse a buscar una herramienta primero. Miré el problema, decidí que era pequeño y calculé que podía construir algo limpio en poco tiempo. Así que lo hice: el primer commit de este proyecto es de enero de 2026.

Lo construí para mí, y para nada más. Quería abrir un diagrama, verlo renderizado, ampliar la parte que me interesaba y enviarle un enlace a alguien. Otras personas lo encontraron después, y eso cambió en qué invierto el tiempo, pero no cambió lo que la herramienta es.

Mermaid se encarga del renderizado. Este sitio es todo lo que lo rodea: un editor en vivo con vista previa instantánea, zoom y desplazamiento para diagramas demasiado grandes para una pantalla, tres temas, exportación a SVG y PNG, enlaces para compartir codificados en la URL, arrastrar y soltar archivos .mmd y .mermaid, y una interfaz en 18 idiomas.

Su uso es gratuito y se financia con publicidad no intrusiva.

Preguntas e informes de errores a dominik@malsch.solutions. Los datos del operador están en el aviso legal.