Editor Mermaid online (diagrammi da testo)
Incolla o scrivi il codice Mermaid. L’anteprima si aggiorna mentre scrivi e gli esempi mostrano i tipi di diagramma.
Come si usaScrivi il diagramma, guarda il disegno
flowchart LR
A[Ideia] --> B{Vale a pena?}
B -- sim --> C[Planejar]
B -- não --> D[Arquivar]
C --> E[Executar] --> F((Pronto))sequenceDiagram
Cliente->>Loja: Faz o pedido
Loja-->>Cliente: Confirma por e-mailpie title Dove va il budget
"Aluguel" : 35
"Equipe" : 40
"Marketing" : 15
"Outros" : 10journey
title Acquisto sul sito
section Scoperta
Trova il negozio su Google: 4: Cliente
Guarda i prodotti: 5: Cliente
section Acquisto
Inserisce l’indirizzo: 2: Cliente
Paga: 3: ClientequadrantChart
title Priorità dei compiti
x-axis Pouco esforço --> Muito esforço
y-axis Pouco impacto --> Muito impacto
quadrant-1 Pianificare
quadrant-2 Fare subito
quadrant-3 Rimandare
quadrant-4 Ripensare
Nuovo sito: [0.7, 0.85]
Post su Instagram: [0.2, 0.6]
Cambiare il logo: [0.6, 0.3]gitGraph
commit
branch nuova-schermata
checkout nuova-schermata
commit
commit
checkout main
merge nuova-schermata
commit
Disponibile in: 
Editor Mermaid online (diagrammi da testo): a cosa serve
Scrivi o incolla codice Mermaid e guarda il diagramma aggiornarsi mentre scrivi. I pulsanti di esempio mostrano diagramma di flusso, sequenza, grafico a torta, percorso utente, quadrante e grafico git, e l’editor accetta gli altri tipi di Mermaid, come classi, stati, ER, Gantt, mappa mentale e linea del tempo.
Come si usa
- Scrivi il codice Mermaid o scegli un esempio.
- Modifica il testo e guarda l’anteprima.
- Scarica in PNG o SVG oppure copia il codice.
Quando usarlo
- Provare un diagramma prima di metterlo su GitHub.
- Documentazione tecnica.
- Fare grafici veloci per una presentazione.
Domande frequenti
Cos’è Mermaid?
È un linguaggio aperto per descrivere diagrammi con il testo. GitHub, GitLab, Notion e vari editor di documentazione disegnano automaticamente i blocchi Mermaid, quindi lo stesso codice va bene nella documentazione del progetto.
Che tipi di diagramma si possono fare?
Diagramma di flusso (flowchart), sequenza, classi, stati, entità-relazioni, Gantt, torta, percorso utente, quadrante, grafico git, mappa mentale, linea del tempo e altri. Ogni tipo inizia con una parola nella prima riga, come flowchart, sequenceDiagram o pie.
Il codice viene salvato?
Sì, resta salvato e lo ritrovi quando torni. Al ritorno, l’ultimo diagramma ricompare.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.