Vai al contenuto
100% locale

Generatore di diagrammi Mermaid

Converti un elenco indentato in una definizione di flowchart, grafico gerarchico o mappa mentale Mermaid.

Ingresso

Generatore di diagrammi Mermaid

Incolla un elenco rientrato o puntato e questo strumento lo converte direttamente in sintassi di diagrammi Mermaid, pronto per copiare in un README, una pagina wiki, Notion o qualsiasi editor compatibile con Mermaid. Ogni livello di rientro diventa una relazione padre-figlio, quindi uno schema di un processo, un organigramma o una struttura di cartelle si trasforma in una definizione di diagramma senza dover scrivere manualmente la sintassi dei nodi e dei connettori.

Scegli prima il tipo di diagramma: flowchart e grafico gerarchico utilizzano entrambi la sintassi nodo-e-freccia di Mermaid (l'unica differenza è la parola chiave che apre la definizione), mentre mindmap produce il layout annidato e senza frecce che Mermaid utilizza per le mappe mentali radiali. La direzione (dall'alto verso il basso, da sinistra a destra, dal basso verso l'alto, da destra a sinistra) e lo stile del connettore (freccia, tratteggiato, spesso) si applicano ai flowchart e ai grafici gerarchici. La forma del nodo controlla se ogni elemento viene renderizzato come rettangolo, scatola arrotondata, rombo o cilindro.

L'indentazione può utilizzare tabulazioni, spazi o un punto elenco iniziale (-, *, •, +) — lo strumento misura la larghezza di rientro relativa piuttosto che assumere una dimensione di tabulazione fissa, quindi gli elenchi misti si annidano correttamente. Virgolette, parentesi quadre, parentesi e altri caratteri che altrimenti interromperebbero la sintassi di Mermaid vengono automaticamente sottoposti a escape nelle etichette, quindi il testo incollato non produce mai un output non valido. I terminatori di riga Windows (CRLF) e Unix (LF) vengono gestiti allo stesso modo, e il contatore in tempo reale sotto l'output segnala le righe di input, i nodi e i connettori prodotti e il totale dei caratteri.

Tutto viene eseguito localmente nel tuo browser — il tuo schema non viene mai caricato da nessuna parte. Copia la sintassi generata, scaricala come file .txt o invia l'output di nuovo all'input per continuare a perfezionare la struttura prima di incollarla nello strumento di diagrammi che preferisci.

FAQ

Qual è la differenza tra «flowchart» e «grafico gerarchico»?
Utilizzano entrambi la stessa sintassi nodo-e-freccia; il grafico gerarchico apre semplicemente la definizione con la parola chiave più vecchia di Mermaid «graph» invece di «flowchart». Entrambi vengono renderizzati in modo identico in qualsiasi visualizzatore compatibile con Mermaid.
L'opzione mindmap supporta la direzione o lo stile del connettore?
No. Le mindmap di Mermaid sono disposte automaticamente e non hanno frecce, quindi queste due opzioni influiscono solo sull'output di flowchart e grafici gerarchici.
Cosa succede agli elementi dell'elenco annidati più profondamente della profondità massima?
Sono completamente esclusi dal diagramma, insieme a qualsiasi cosa annidato sotto di essi, in modo che il risultato rimanga leggibile per schemi molto profondi.
Come vengono gestiti i caratteri speciali come le virgolette e le parentesi quadre?
Qualsiasi etichetta che contenga caratteri che interromperebbero la sintassi di Mermaid viene automaticamente avvolta tra virgolette e sottoposta a escape, in modo che l'output sia sempre valido.
Il mio elenco viene caricato da qualche parte?
No. La conversione da elenco a diagramma viene eseguita completamente nel tuo browser — il tuo schema non lascia mai il tuo dispositivo.