Editor di diagrammi di flusso: forme, frecce ed etichette Sì/No direttamente nel browser.
Il diagramma viene disegnato nel tuo browser e non viene inviato da nessuna parte.
Cosa fa l’editor
I simboli della norma ISO 5807, frecce che aggirano le forme da sole e si agganciano ai loro lati, ed etichette Sì/No alle uscite delle decisioni. Il pulsante «+» inserisce la forma successiva già collegata, «Riordina» dispone l’intero diagramma. Il diagramma si salva nel browser mentre lavori, e puoi scaricarlo in PNG, SVG o PDF oppure come codice Mermaid.
Esempi: Pari o dispari Il maggiore di tre Somma da 1 a N Controllo della password
Come inserire un diagramma di flusso in Word o Google Docs
- Word 2019 e Microsoft 365: SVG. Inseriscilo come una normale immagine e il diagramma resterà nitido a qualsiasi zoom.
- Google Docs e le vecchie versioni di Word: PNG a 300 dpi. Scegli la larghezza «A4, margini predefiniti di Word» o «US Letter» e l’immagine occuperà esattamente la larghezza del testo.
- LaTeX: PDF adattato al diagramma, che \includegraphics inserisce senza perdere nitidezza.
- La via più rapida: «Copia immagine» nella finestra «Scarica», poi Ctrl+V direttamente nel documento.
I PNG e gli SVG scaricati qui contengono il diagramma stesso: trascina il file di nuovo sul foglio e continua a modificarlo.
I simboli del diagramma di flusso e il loro significato
I nomi sono gli stessi del pannello delle forme. Le prime cinque compaiono in quasi ogni esercizio scolastico; le altre servono per i diagrammi secondo la ISO 5807.
| Forma | Nome | Quando usarla |
|---|---|---|
| Inizio / fine | Inizio e fine di un algoritmo, ingresso e uscita di un sottoprogramma. | |
| Azione | Un calcolo o un’azione qualsiasi: assegnazione, conto, comando. | |
| Decisione | La verifica di una condizione: il rombo ha due uscite, Sì e No. | |
| Ingresso / uscita | Ingresso e uscita di dati quando il supporto non conta. | |
| Sottoprogramma | La chiamata a un sottoprogramma o a una funzione descritti a parte. | |
| Preparazione | La preparazione di un ciclo: valori iniziali come i = 1. | |
| Inizio del ciclo | Il limite superiore di un ciclo, in coppia con una Fine del ciclo con lo stesso nome. | |
| Fine del ciclo | Il limite inferiore di un ciclo; la condizione di uscita va in uno dei due limiti. | |
| Connettore | Un’interruzione della linea: la freccia riprende dal connettore con la stessa etichetta. | |
| Connettore di pagina | Un rimando a un’altra pagina. Si usa nei libri di testo; la ISO 5807 ha solo il connettore normale. | |
| Commento | Una nota su una forma, collegata a essa con una linea tratteggiata. | |
| Immissione manuale | Dati inseriti a mano, per esempio dalla tastiera. | |
| Operazione manuale | Un’azione svolta da una persona. | |
| Documento | Dati su carta: stampa, modulo, rapporto. | |
| Visualizzazione | Dati mostrati sullo schermo. | |
| Dati memorizzati | Dati memorizzati quando il supporto non conta. | |
| Memoria interna | Dati nella memoria principale. | |
| Memoria ad accesso sequenziale | Dati su un supporto letto in ordine, come un nastro. | |
| Memoria ad accesso diretto | Dati su un supporto ad accesso diretto, come un disco. | |
| Scheda perforata | Dati su una scheda perforata. | |
| Nastro perforato | Dati su un nastro di carta perforato. | |
| Elaborazione parallela | L’inizio o la fine di azioni che avvengono insieme. | |
| Omissione | Una parte del diagramma che non viene disegnata per intero. |
Diagrammi di flusso secondo la ISO 5807
Lo stile «ISO 5807» del pannello dà alle forme le proporzioni della norma: altezza a, larghezza 1,5a, con a da 15 a 30 mm, testo da 10 a 14 pt e punte di freccia solo controcorrente o su tutte le linee. In questo stile le forme non crescono con il testo: se il testo non ci sta, un suggerimento lo segnala.
L’icona dei suggerimenti mostra dove il diagramma si allontana dalla norma: una decisione con meno di due uscite, un’uscita senza etichetta, una forma senza ingresso o senza uscita, la mancanza dell’inizio o della fine.
Un diagramma dal codice Mermaid
Chiedi a un chatbot di disegnare un diagramma di flusso in codice Mermaid e incolla l’intera risposta, anche con il testo intorno al codice, con «Incolla il codice» o con Ctrl+V direttamente sul foglio. Forme, frecce ed etichette vengono riportate, e la disposizione si fa da sola. Per tornare indietro, usa «Copia il codice Mermaid» nella finestra «Scarica».
Tastiera
- Enter — modifica il testo della forma
- Ctrl + Enter — chiudi il testo e inserisci la forma successiva
- Ctrl + ←↑→↓ — una forma collegata in quella direzione
- ←↑→↓ — sposta la selezione
- Shift + ←↑→↓ — spostala a passi più grandi
- Ctrl + Z, Ctrl + Shift + Z — annulla e ripeti
- Ctrl + D — duplica
- Delete — elimina
- Space + trascinamento — sposta il foglio
- Ctrl + rotella del mouse — zoom
Per provare l’algoritmo in codice, apri l’ambiente Python.
Domande frequenti
C’è una filigrana?
No. PNG, SVG e PDF si scaricano puliti, senza filigrana e senza registrazione.
Dove vengono salvati i miei diagrammi?
Solo nel tuo browser; niente viene inviato a un server. Il browser può cancellare i dati del sito se manca spazio o se il sito non viene aperto da molto tempo, quindi scarica i diagrammi importanti come file: «Scarica il file del diagramma» nella finestra «Scarica» o in «I miei diagrammi».
Funziona sul telefono?
Sì. Una forma si sposta con il dito, il foglio trascinando in un punto vuoto, e lo zoom si fa con due dita. Un doppio tocco apre la modifica del testo, una pressione lunga il menu delle azioni, e le forme stanno nel pannello in basso.
Come faccio un diagramma di flusso secondo la ISO 5807?
Scegli lo stile «ISO 5807», imposta la misura a e il font, e controlla il diagramma con i suggerimenti. Per una tesina o una tesi, scarica un PNG a 300 dpi o un SVG.
Perché il testo nel PDF non si può selezionare?
Nel PDF le lettere sono disegnate come tracciati, così il diagramma appare uguale su qualsiasi computer, anche senza i nostri font. Se ti serve testo selezionabile, scarica un SVG con «Lascia il testo come testo» spuntato.
In quali lingue posso scrivere nelle forme?
In tutte le lingue del sito, anche da destra a sinistra e con caratteri cinesi e giapponesi: i font Noto si caricano in base al tuo testo. L’urdu si scrive in naskh e non in nastaliq, perché un font nastaliq pesa più di un megabyte. Emoji e caratteri di altre scritture escono nel font di sistema nel PNG e restano fuori dal PDF; la finestra «Scarica» ti avvisa.
Quanto può essere grande un diagramma?
Non c’è un limite. Un diagramma con 200 forme e 300 frecce si muove in modo fluido anche su un telefono lento: mentre trascini, le frecce sono disegnate come semplici gomiti, e il percorso esatto viene tracciato quando lasci la forma.
È gratis?
Sì, del tutto gratis e senza registrazione. Lo strumento funziona interamente nel tuo browser: il file non finisce mai su un server, quindi il server non consuma né processore né traffico — non c’è nulla da far pagare. Nessuna filigrana, nessun limite di dimensione o di numero di file.