Informazioni su Mermaid Viewer

Mermaid Viewer è un editor gratuito di diagrammi Mermaid che funziona nel browser. Scrivi o incolli il testo Mermaid a sinistra e il diagramma renderizzato compare a destra mentre digiti.

Il rendering avviene nel tuo browser. Il tuo diagramma non viene caricato, memorizzato né elaborato su un server: Mermaid gira come JavaScript sulla tua macchina e un file trascinato viene letto localmente. È per questo che funziona con diagrammi che non incolleresti in uno strumento ospitato: architetture interne, sistemi con nomi di clienti nelle etichette, qualsiasi cosa coperta da un accordo di riservatezza.

Una precisazione che preferisco dire piuttosto che nascondere: se attivi il link di condivisione, il diagramma viene codificato nell'URL stesso, e un URL che invii a qualcuno viaggia in rete. Tutto il resto resta sulla tua macchina.

Dovevo documentare l'architettura di un software e volevo che i diagrammi vivessero nel repository, accanto al codice, invece che in uno strumento di disegno separato. Mermaid era il formato ovvio. Quello che mi mancava era un buon modo per guardarli.

Non sono partito cercando uno strumento. Ho guardato il problema, l'ho giudicato piccolo e ho pensato di poter costruire qualcosa di pulito in poco tempo. Così ho fatto — il primo commit di questo progetto è di gennaio 2026.

L'ho costruito per me, e per nient'altro. Volevo aprire un diagramma, vederlo renderizzato, ingrandire la parte che mi interessava e mandare un link a qualcuno. Altri l'hanno trovato dopo, e questo ha cambiato a cosa dedico tempo, ma non cosa sia lo strumento.

Del rendering si occupa Mermaid. Questo sito è tutto ciò che gli sta intorno: un editor live con anteprima immediata, zoom e spostamento per diagrammi troppo grandi per uno schermo, tre temi, esportazione SVG e PNG, link di condivisione codificati nell'URL, trascinamento di file .mmd e .mermaid e un'interfaccia in 18 lingue.

L'uso è gratuito ed è finanziato da pubblicità non invasiva.

Domande e segnalazioni di bug a dominik@malsch.solutions. I dati del gestore sono nell'note legali.