Come si usa
- Scegli un diagramma da Inserisci modello oppure incolla codice Mermaid già disponibile.
- Modifica il codice a sinistra. L'anteprima viene ridisegnata quando smetti di digitare e gli errori di sintassi compaiono sotto.
- Scegli un tema, poi scarica SVG o PNG oppure copia il codice SVG.
Opzioni spiegate
- Tipi di diagramma
- I modelli coprono diagrammi di flusso, sequenza, classi, stati ed ER, grafici Gantt, grafici a torta e mappe mentali. Altri tipi Mermaid, come timeline, grafici a quadranti e grafici Git, possono essere scritti direttamente.
- Tema
- Temi incorporati default, neutro, scuro e foresta. Neutro è vicino al bianco e nero e si stampa bene.
- Esportazione
- SVG è vettoriale e si ridimensiona senza perdita. PNG viene esportato al doppio della dimensione con un colore di sfondo, per app di chat e slide.
Promemoria per diagrammi di flusso
flowchart LR
A[Rectangle] --> B(Rounded)
B --> C{Decision}
C -->|Yes| D[(Database)]
C -.->|No| E((Circle))TDdall’alto verso il basso,LRda sinistra a destra-->freccia continua,-.->tratteggiata,==>spessa,-->|testo|con etichetta
Domande frequenti
Posso incollare codice Mermaid in GitHub?
Sì. Inseriscilo in un blocco di codice ```mermaid in un file Markdown, issue o commento e GitHub renderizzerà il diagramma. Lo supportano anche GitLab, Notion, Obsidian e Typora.
Il mio codice viene caricato?
No. Mermaid esegue il rendering nel browser; codice e diagramma non lasciano il dispositivo.
Perché la formattazione Markdown dentro i nodi non funziona?
Per consentire l'esportazione PNG, le etichette dei nodi vengono disegnate come testo SVG, che non supporta tag HTML o parte della formattazione avanzata.
Privacy
Questo strumento funziona interamente nel tuo browser. File e testi vengono elaborati sul tuo dispositivo e non vengono mai caricati sui nostri server.