ASCII Diagram Generator
Crea diagrammi ASCII art per documentazione e commenti nel codice.
Testo nel Box
Output ASCII
+---------------+ | Hello, World! | | Line two | +---------------+
Come utilizzare ASCII Diagram Generator
Scegli il tipo di diagramma
Seleziona tra box, flow (flowchart), table (tabella), tree (albero) o sequence (diagramma di sequenza) dalle schede in alto.
Inserisci il contenuto
Compila i campi specifici del tipo scelto: testo libero per il box, nodi con label e collegamento successivo per il flow, header/righe CSV per la tabella, parent/label per l'albero, terne Attore-Messaggio-Attore per la sequenza.
Visualizza l'anteprima in tempo reale
Il pannello Output ASCII si aggiorna automaticamente a ogni modifica, mostrando il risultato pronto all'uso con caratteri box-drawing/ASCII puri.
Copia e incolla
Usa il pulsante Copia diagramma per incollare il risultato in commenti di codice, README, ticket o documentazione tecnica in testo semplice.
Suggerimenti
- Per documentazione tecnica in Markdown, racchiudi l'output in un blocco ``` per mantenere l'allineamento a larghezza fissa.
- Nel diagramma flow, l'ultimo nodo senza nextId viene trattato come punto di arrivo: usa "--- (fine)" per chiudere correttamente la catena.
- Per commit message o commenti nel codice, il diagramma box è il modo più rapido per evidenziare un blocco di testo importante senza formattazione Markdown.
Domande frequenti
Perché usare diagrammi ASCII invece di immagini?
I diagrammi ASCII sono testo puro: si leggono in qualsiasi editor, terminale, commento di codice o file Markdown senza bisogno di rendering grafico. Restano versionabili in Git come diff leggibili e non richiedono asset esterni da mantenere aggiornati.
Il diagramma tree gestisce alberi con più livelli di profondità?
Sì: ogni nodo indica il proprio genitore (parentId), quindi puoi costruire gerarchie a più livelli. I connettori (├──, └──, │) vengono calcolati automaticamente in base alla posizione del nodo tra i fratelli.
Come funziona il diagramma sequence?
Ogni riga rappresenta un'interazione nel formato Attore1,Messaggio,Attore2. Lo strumento determina automaticamente la direzione della freccia (--> o <--) in base all'ordine degli attori nella lista, utile per rappresentare rapidamente flussi di autenticazione o chiamate API.
C'è un limite alla larghezza delle tabelle o dei box generati?
No, lo strumento calcola automaticamente la larghezza in base al contenuto più lungo. Per mantenere leggibilità in terminali stretti o commenti di codice, è comunque consigliato tenere il testo delle celle e delle label ragionevolmente breve.