Generatore di diagrammi Mermaid
Un editor Mermaid veloce e privato. Incolla qualsiasi diagramma Mermaid e guardalo visualizzarsi istantaneamente — diagrammi di flusso, diagrammi di sequenza, modelli ER, diagrammi di classe, diagrammi di Gantt e mappe mentali tutti in un unico posto.
One step per line. Indent two spaces to branch beneath the line above.
Cos'è Mermaid?
Mermaid è un linguaggio open-source "diagramma-come-codice": scrivi una breve descrizione di testo e Mermaid visualizza il diagramma. È la stessa sintassi che GitHub, GitLab, Obsidian e molte piattaforme di documenti visualizzano nativamente, motivo per cui un diagramma Mermaid è così portatile — incolla il blocco ovunque lo supporti e si disegna da solo.
Questo editor esegue il renderer Mermaid ufficiale nel tuo browser. Digita o incolla qualsiasi tipo di diagramma supportato e si visualizza in tempo reale, senza configurazione e nulla inviato a un server.
Dall'editor ai tuoi documenti
Esporta un SVG vettoriale per incorporarlo in modo nitido, un PNG per diapositive, o copia un blocco Markdown ```mermaid pronto da rilasciare in un README di GitHub dove si visualizza automaticamente. Per i diagrammi che dovrebbero rimanere modificabili, mantienili come codice sorgente Mermaid nel tuo repo e riaprili qui in qualsiasi momento.
Domande frequenti
Questo è un editor Mermaid gratuito online?
Sì — incolla Mermaid e si visualizza dal vivo nel tuo browser, gratis, senza registrazione e senza filigrana. Puoi esportare SVG/PNG o copiare il codice sorgente.
Quali tipi di diagramma Mermaid sono supportati?
Diagrammi di flusso, diagrammi di sequenza, diagrammi ER, diagrammi di classe, diagrammi di stato, diagrammi di Gantt, mappe mentali e grafici a torta — il renderer Mermaid completo è caricato.
Il mio codice Mermaid viene caricato?
No. Il motore Mermaid si carica una volta da una CDN pubblica e poi tutto viene visualizzato localmente. Il tuo testo del diagramma non lascia mai il dispositivo.
Come incorporo un diagramma Mermaid in un README di GitHub?
Copia il blocco Markdown dal menu di esportazione e incollalo nel tuo README. GitHub visualizza automaticamente i blocchi di codice ```mermaid deliminati — nessuna immagine necessaria.
Quale versione di Mermaid è questa?
L'editor carica Mermaid 11 da una CDN pubblica, quindi ottieni la sintassi e i tipi di diagramma attuali senza installare nulla.