Editor Graphviz
Scrivi codice DOT e renderizza diagrammi Graphviz in tempo reale nel browser. Tutti i 7 motori di layout, righe degli errori di sintassi, anteprima con zoom, download SVG ed esportazione PNG. Completamente locale con WebAssembly, senza upload.
Cosa sono Graphviz e il linguaggio DOT?
Graphviz è un classico toolkit open source per la visualizzazione di grafi. DOT è il suo linguaggio testuale per descrivere nodi, archi e attributi; Graphviz calcola automaticamente un layout leggibile.
Serve Internet per il rendering?
Solo per il download iniziale una tantum del motore di layout. Dopo il rendering avviene localmente nel browser tramite WebAssembly: diagrammi e codice non lasciano mai il dispositivo.
Quali motori di layout sono supportati?
Tutti e sette: dot (gerarchico), neato e fdp (a forze), circo (circolare), twopi (radiale), osage (albero a cluster) e patchwork (treemap). Cambiali dal menu Layout.
Come capisco cosa significa un errore di sintassi?
Quando il codice DOT ha problemi, un pannello mostra il messaggio del motore con il numero di riga dove il parsing è fallito, e l'ultimo render valido resta visibile.
Posso esportare il risultato?
Sì. Scarica il file vettoriale SVG nitido o esporta un PNG a risoluzione 2x con sfondo coerente col tema corrente.
L'anteprima ha lo zoom per grafi grandi?
Sì. Usa la rotella del mouse sull'anteprima o i pulsanti di zoom, trascina per spostarti e premi Adatta per reimpostare la vista.
Ci sono esempi di partenza?
Il menu Esempi include un diagramma di flusso, una macchina a stati, un organigramma, una rete neato e un albero radiale twopi — ognuno carica codice DOT pronto da modificare.
Il mio codice DOT viene inviato o salvato?
No. Nulla viene inviato a server e nulla viene salvato; l'editor legge solo ciò che digiti nella sessione corrente della pagina.
Quanto grande può essere un grafo?
Grafi con qualche centinaio di nodi si renderizzano quasi istantaneamente. Grafi molto grandi (migliaia di nodi) funzionano ma il rendering richiede proporzionalmente più tempo.
Il risultato coincide con Graphviz da riga di comando?
Include le stesse librerie Graphviz (versione 16), quindi layout e SVG sono equivalenti all'esecuzione locale del comando dot con lo stesso input e le stesse opzioni.
Come usare Editor Graphviz
Questo editor renderizza diagrammi Graphviz direttamente nel tuo browser. Scrivi codice DOT a sinistra e guarda l'anteprima SVG aggiornarsi mentre digiti — alimentato dalle vere librerie Graphviz compilate in WebAssembly, quindi i tuoi grafi non lasciano mai il tuo computer.
- Digita o incolla codice DOT nell'editor sorgente. L'anteprima si rende automaticamente circa 300 ms dopo che hai smesso di digitare.
- Cambia il motore di layout (dot, neato, fdp, circo, twopi, osage, patchwork) per modificare la disposizione del grafo.
- Carica un modello di partenza dal menu a tendina Esempi — diagramma di flusso, macchina a stati, organigramma, rete o albero radiale — e modificalo.
- Usa la rotella del mouse o i pulsanti di zoom per esaminare grafi grandi, trascina per spostarti e premi Adatta per reimpostare. Scarica il risultato come SVG o esporta un PNG 2x.
Se compare un errore di sintassi, il pannello degli errori mostra la riga esatta dove si è fermato il parser DOT — correggi quella riga e l'anteprima si ripristina all'istante senza perdere il tuo codice.
Strumenti correlati
- Editor Mermaid Crea diagrammi di flusso, di sequenza, Gantt e altro dal testo con l'editor Mermaid. Renderizza, fai zoom ed esporta in SVG o PNG nel browser.
- Code Playground Playground online per HTML, CSS e JavaScript con anteprima in tempo reale, editor con numeri di riga e console catturata. Prova i frammenti all'istante e scarica il risultato come singolo file HTML - tutto nel browser.
- Creatore di Grafici Crea grafici a barre, linee, area, torta e ciambella da dati CSV o TSV incollati. Anteprima live, palette di colori, controllo di titolo e legenda più esportazione PNG 2x - tutto nel tuo browser.
- Verifica Hash Calcola e verifica hash MD5, SHA-1, SHA-256, SHA-512 localmente
- Calcolatrice Chmod Calcolatrice chmod online gratuita per visualizzare e calcolare i permessi dei file Linux con caselle di controllo. Converti istantaneamente tra notazione numerica (755, 644) e simbolica (rwxr-xr-x). Supporta permessi speciali come setuid, setgid, sticky bit.
- Tabella ASCII Riferimento completo per la codifica dei caratteri ASCII con codici decimali, esadecimali, ottali, binari, entità HTML e descrizioni. Ricerca e filtro istantanei.
- Visualizzatore Hex Visualizza i contenuti dei file in formato hex dump con ricerca, navigazione offset e scorrimento virtuale
- Ricerca Tipi MIME Trova instantly i tipi MIME per estensione file o cerca estensioni per tipo MIME. Riferimento online gratuito con oltre 1000 voci.