Vai al contenuto

Editor di diagrammi ASCII

ASCII Diagram Editor

Disegna riquadri, linee, frecce ed etichette su una griglia di caratteri, ricavando ogni angolo e ogni incrocio da quali celle vicine sono occupate, in caratteri di riquadro Unicode o in puro ASCII.

Quello che rende penosi a mano i diagrammi ASCII sono gli angoli. Basta mettere un ┌ dove andava un ┬ e il disegno è sottilmente sbagliato; e se poi si decide che deve finire in un commento nel codice, ognuno di quei caratteri va ritrovato e sostituito. Questo editor non fa mai scegliere. Si dice dove sta una scatola e dove corre una linea, e ogni cella ricava il proprio glifo da quali dei suoi quattro vicini sono occupati — così due linee che si incrociano producono un ┼ senza che nessuna delle due sappia dell’altra, e passare tutto il disegno all’ASCII puro è un’impostazione sola.

🔒 Funziona interamente nel tuo browserasciidiagrameditordevelopertext
Strumento

Caratteri per disegnare riquadri U+2500. Presenti in ogni font monospaziato in uso da circa il 1995.

Forma selezionata

Non è selezionato niente. Prendi lo strumento di selezione e fai clic su una forma.

Diagramma

 
Nessun carattere d’angolo o d’incrocio viene mai scelto a mano. Un riquadro dice dove sta il suo bordo e una linea dice dove passa; poi ogni cella ricava il proprio glifo dalle quattro direzioni in cui si collega. È per questo che due linee che si incrociano danno un ┼ senza che l’una sappia dell’altra, ed è per questo che passare al puro ASCII è un’impostazione e non un trova e sostituisci su tutto il disegno.
Il set ASCII perde informazione di proposito: un solo + per tutti e undici gli incroci e per entrambe le coppie di angoli. Un diagramma che regge il viaggio dentro un commento nel codice, un messaggio di commit, un Makefile o un terminale con un font del 1994 vale più di uno più bello che arriva a quadratini.
Tre cose che non fa. Niente linee diagonali, perché nessun carattere di riquadro lo è: un trascinamento in diagonale viene instradato ad angolo. Nessun instradamento automatico attorno agli ostacoli: la linea passa dove la metti. E nessun ritorno a capo del testo dentro un riquadro.

Come si usa

  1. Trascinare prima le scatole, poi collegarle

    Un trascinamento con lo strumento scatola fa una scatola; un clic fa la più piccola che sia ancora una scatola. Poi si prende lo strumento freccia e si trascina dall’una all’altra: un estremo che finisce dentro una scatola viene tirato alla cella di bordo più vicina, perché trascinare *verso* una scatola vuol dire attaccarcisi e una linea che passa in mezzo non è mai quello che si voleva.

  2. Scegliere il set di caratteri in base a dove va a finire

    Il box drawing Unicode per un README o un terminale. L’ASCII puro — solo - | + < > ^ v — per un commento nel codice, un messaggio di commit, un Makefile o dovunque la codifica non sia certa. Il set ASCII è volutamente in perdita: un solo + per tutti e undici i tipi di giunzione. Un diagramma che arriva intatto batte uno più bello che arriva come una fila di rettangoli.

  3. Etichettare le scatole dal pannello, non scrivendoci dentro

    Si seleziona una scatola e si scrive la sua etichetta nel pannello sotto; viene centrata dentro da sola e si muove con la scatola. Un’etichetta più larga della sua scatola viene tagliata invece che mandata a capo, e la pagina dice quali: mandarla a capo cambierebbe la forma del disegno, che non è una cosa che un’etichetta debba fare.

Domande frequenti

Posso tracciare una linea diagonale?

No, e non è una funzione che manca. Non esiste nessun carattere di box drawing per una diagonale: il blocco ha ─ │ e gli angoli, e niente a 45 gradi. Un trascinamento che non è né orizzontale né verticale viene instradato come un gomito, che è quello che il diagramma voleva, e si può scegliere quale tratto viene per primo.

Fa passare le linee intorno alle mie scatole?

No. L’instradamento ortogonale automatico attorno agli ostacoli è un algoritmo vero e uno fatto male è peggio di una linea dritta messa a mano: sposta il diagramma mentre lo si sta disegnando. Le linee vanno dove le si mette.

Può ricevere da

Dopo

Questi accettano ciò che produce questo strumento, così il risultato può passare direttamente.

Generatore di tabelle ASCII

ASCII Table Generator

Disegna una tabella in ASCII a spaziatura fissa, in Markdown o con i bordi a caratteri di riquadro, per i README e i commenti.

Funziona interamente nel tuo browser

Immagine di un frammento di codice

Code Screenshot

Disegna un frammento di codice come immagine, con evidenziazione della sintassi, cornice di finestra e tema a scelta.

Funziona interamente nel tuo browser

Editor Markdown

Markdown Editor

Scrive Markdown con anteprima dal vivo ed esporta l’HTML generato, con le tabelle e le liste di spunta del GFM.

Funziona interamente nel tuo browser

Da arte testuale a immagine

Text Art to Image

Disegna qualsiasi arte testuale a spaziatura fissa come PNG o SVG con font, dimensione della cella, colore, sfondo e trasparenza facoltativa a scelta, così sopravvive anche dove viene pubblicata e la spaziatura fissa non viene conservata.

Funziona interamente nel tuo browser

Oroscopo del giorno per segno e animale dell’anno

Daily Fortune by Zodiac Animal & Star Sign

Compone il testo di una giornata per un animale dello zodiaco o per un segno zodiacale a partire dal 일진 di quel giorno e dal temperamento che la tradizione attribuisce al segno. Il seme è la data, quindi resta lo stesso per tutto il giorno e ricaricando la pagina non cambia.

Funziona interamente nel tuo browser

Affinità secondo la tradizione coreana (궁합)

Zodiac Compatibility (궁합)

Due date di nascita danno due animali dello zodiaco e due tronchi del giorno. Riporta la relazione esatta fra loro — 삼합, 육합, 충, 원진, 형, 파, 해 — e il rapporto fra i cinque elementi dei due tronchi, ciascuno con il giudizio tradizionale.

Funziona interamente nel tuo browser