Editor Graphviz
Scrie cod DOT și randează diagrame Graphviz în timp real în browser. Toate cele 7 motoare de aranjare, linii cu erori de sintaxă, previzualizare cu zoom, descărcare SVG și export PNG. Complet local cu WebAssembly - fără încărcare.
Ce sunt Graphviz și limbajul DOT?
Graphviz este un set clasic open-source de instrumente pentru vizualizarea grafurilor. DOT este limbajul său textual pentru descrierea nodurilor, muchiilor și atributelor; Graphviz calculează automat un aranjament lizibil.
Am nevoie de internet pentru randare?
Doar pentru descărcarea inițială, unică, a motorului de aranjare. După aceea, randarea rulează local în browser prin WebAssembly — diagramele și codul nu părăsesc niciodată dispozitivul.
Ce motoare de aranjare sunt acceptate?
Toate cele șapte: dot (ierarhic), neato și fdp (cu forțe), circo (circular), twopi (radial), osage (arbore de clustere) și patchwork (treemap). Le schimbi din lista Aranjare.
Cum înțeleg ce înseamnă o eroare de sintaxă?
Când codul DOT are o problemă, un panou de erori afișează mesajul motorului cu numărul liniei unde parsarea a eșuat, iar ultima randare validă rămâne vizibilă.
Pot exporta rezultatul?
Da. Descarcă fișierul vectorial SVG clar sau exportă un PNG la rezoluție 2x cu fundal potrivit temei curente.
Previzualizarea suportă zoom pentru grafuri mari?
Da. Folosește rotița mouse-ului peste previzualizare sau butoanele de zoom, trage pentru a deplasa și apasă Potrivește pentru a reseta vederea.
Există exemple de pornire?
Lista Exemple include o diagramă de flux, un automat de stări, o organigramă, o rețea neato și un arbore radial twopi — fiecare încarcă cod DOT gata de editat.
Codul meu DOT este încărcat sau salvat?
Nu. Nimic nu este trimis către servere și nimic nu este salvat; editorul citește doar ce tastezi în sesiunea curentă a paginii.
Ce dimensiune de graf poate gestiona?
Grafurile cu câteva sute de noduri se randează aproape instantaneu. Grafurile foarte mari (mii de noduri) funcționează și ele, dar randarea durează proporțional mai mult.
Rezultatul corespunde cu Graphviz din linia de comandă?
Include aceleași biblioteci Graphviz (versiunea 16), deci aranjamentele și SVG-ul sunt echivalente cu rularea locală a comenzii dot cu aceleași date și opțiuni.
Cum se folosește Editor Graphviz
Acest editor randează diagrame Graphviz direct în browserul tău. Scrie cod DOT în stânga și privește cum previzualizarea SVG se actualizează pe măsură ce scrii — propulsat de bibliotecile reale Graphviz compilate în WebAssembly, astfel grafurile tale nu părăsesc niciodată computerul.
- Scrie sau lipește cod DOT în editorul de sursă. Previzualizarea se randează automat la circa 300 ms după ce încetezi să scrii.
- Schimbă motorul de aranjare (dot, neato, fdp, circo, twopi, osage, patchwork) ca să modifici modul în care e dispus graful.
- Încarcă un șablon de start din lista derulantă Exemple — diagramă de flux, automată cu stări, organigramă, rețea sau copac radial — și editează-l.
- Folosește roata mouse-ului sau butoanele de zoom ca să examinezi grafuri mari, trage ca să deplasezi și apasă Potrivește ca să resetezi. Descarcă rezultatul ca SVG sau exportă un PNG de 2x.
Dacă apare o eroare de sintaxă, panoul de erori arată linia exactă unde s-a oprit parserul DOT — corectează linia aceea și previzualizarea se recuperează instantaneu fără să-ți piardă codul.
Instrumente conexe
- Editor Mermaid Creați diagrame de flux, diagrame de secvență, diagrame Gantt și multe altele din text cu editorul Mermaid. Redați, faceți zoom și exportați în SVG sau PNG în browser.
- Loc de Joacă pentru Cod Loc de joacă online pentru HTML, CSS și JavaScript cu previzualizare live, editor cu numere de linii și consolă capturată. Testează fragmente instantaneu și descarcă rezultatul ca un singur fișier HTML - integral în browser.
- Creator de Grafice Creați grafice cu bare, linii, arie, cerc și inel din date CSV sau TSV lipite. Previzualizare live, palete de culori, control titlu și legendă plus export PNG 2x - totul în browserul dvs.
- Verificare Hash Calculați și verificați hash-uri MD5, SHA-1, SHA-256, SHA-512 local
- Calculator Chmod Calculator chmod online gratuit pentru vizualizarea și calcularea permisiunilor fișierelor Linux cu casete de selectare. Conversie instantanee între notația numerică (755, 644) și simbolică (rwxr-xr-x). Suportă permisiuni speciale precum setuid, setgid, sticky bit.
- Tabel ASCII Referință completă de codificare a caracterelor ASCII cu coduri zecimale, hexazecimale, octale, binare, entități HTML și descrieri de caractere. Căutare și filtrare instantanee.
- Vizualizator Hex Vizualizați conținutul fișierelor în format hex dump cu căutare, navigare offset și derulare virtuală
- Căutare Tipuri MIME Găsiți instant tipuri MIME după extensia fișierului sau căutați extensii după tip MIME. Referință online gratuită cu peste 1000 de intrări.