Graphviz-editor
Skriv DOT-kode og render Graphviz-diagrammer live i browseren. Alle 7 layoutmotorer, fejllinjer, zoombart forhåndsvisning, SVG-download og PNG-eksport. Helt lokalt med WebAssembly - ingen upload.
Hvad er Graphviz og DOT-sproget?
Graphviz er et klassisk open source-værktøj til grafvisualisering. DOT er dets tekst-sprog til at beskrive knuder, kanter og attributter; Graphviz beregner automatisk et læsbart layout.
Kræver det internet at rendere?
Kun til den engangs nedlasting af layoutmotoren i starten. Derefter kører renderingen lokalt i browseren via WebAssembly — diagrammer og kode forlader aldrig enheden.
Hvilke layoutmotorer understøttes?
Alle syv: dot (hierarkisk), neato og fdp (kraftbaserede), circo (cirkulær), twopi (radial), osage (klyngetræ) og patchwork (treemap). Skift i rullemenuen Layout.
Hvordan ser jeg, hvad en syntaksfejl betyder?
Når DOT-koden har et problem, viser et fejlpanel motorens besked med linjenummeret, hvor parsingen fejlede, og den seneste gyldige rendering forbliver synlig.
Kan jeg eksportere resultatet?
Ja. Download den skarpe vektor-SVG-fil, eller eksportér et PNG i 2x-opløsning med baggrund, der matcher det aktuelle tema.
Kan forhåndsvisningen zoome store grafer?
Ja. Brug musehjulet over forhåndsvisningen eller zoomknapperne, træk for at panorere, og tryk Tilpas for at nulstille visningen.
Er der starteksempler?
Eksempelmenuen indeholder et flowdiagram, en tilstandsmaskine, et organisationsdiagram, et neato-netværk og et radialt twopi-træ — hver indlæser klar-til-redaktion DOT-kode.
Bliver min DOT-kode uploadet eller gemt?
Nej. Intet sendes til servere, og intet gemmes; editoren læser kun, hvad du taster i den aktuelle sidessession.
Hvor store grafer kan den håndtere?
Grafer med et par hundrede knuder renderes næsten øjeblikkeligt. Meget store grafer (tusindvis af knuder) virker også, men rendering tager forholdsmæssigt længere tid.
Matcher resultatet kommandolinje-Graphviz?
Den samler de samme Graphviz-biblioteker (version 16), så layouts og SVG er ækvivalente med at køre dot-kommandoen lokalt med samme input og indstillinger.
Sådan bruges Graphviz-editor
Denne editor renderer Graphviz-diagrammer direkte i din browser. Skriv DOT-kode til venstre og se SVG-forhåndsvisningen opdatere, mens du skriver — drevet af de rigtige Graphviz-biblioteker kompileret til WebAssembly, så dine grafer forlader aldrig computeren.
- Skriv eller indsæt DOT-kode i kildeeditoren. Forhåndsvisningen renderes automatisk cirka 300 ms efter, du er holdt op med at skrive.
- Skift layoutmotor (dot, neato, fdp, circo, twopi, osage, patchwork) for at ændre, hvordan grafen anbringes.
- Indlæs en startskabelon fra Eksempler-rullemenuen — flowdiagram, tilstandsmaskine, organisationsdiagram, netværk eller radialet træ — og redigér den.
- Brug musehjulet eller zoomknapperne til at undersøge store grafer, træk for at panorere, og tryk på Tilpas for at nulstille. Download resultatet som SVG eller eksportér et 2x-PNG.
Vises der en syntaksfejl, viser fejlpanelet den nøjagtige linje, hvor DOT-parseren stoppede — ret den linje, og forhåndsvisningen kommer sig straks, uden at du mister koden.
Relaterede værktøjer
- Mermaid-editor Lav flowdiagrammer, sekvensdiagrammer, Gantt-diagrammer og mere fra tekst med Mermaid-editoren. Render, zoom og eksportér SVG eller PNG i browseren.
- Kodelegeplads Online-legeplads til HTML, CSS og JavaScript med live forhåndsvisning, editor med linjenumre og fanget konsol. Test kodestykker med det samme og download resultatet som én HTML-fil - helt i din browser.
- Diagramvirøj Lav søjle-, linje-, område-, cirkel- og ringdiagrammer fra indsatte CSV- eller TSV-data. Live forhåndsvisning, farvepaletter, styring af titel og forklaring plus 2x PNG-eksport - alt i din browser.
- Hash-tjek Beregn og verificer MD5, SHA-1, SHA-256, SHA-512 filhasher lokalt
- Chmod-beregner Gratis online chmod-beregner til at visualisere og beregne Linux-filrettigheder med afkrydsningsfelter. Konverter straks mellem numerisk (755, 644) og symbolsk notation (rwxr-xr-x). Understøtter specielle rettigheder som setuid, setgid, sticky bit.
- ASCII-tabel Komplet ASCII-tegnkodningsreference med decimal-, hex-, oktal-, binærkoder, HTML-entiteter og tegnbeskrivelser. Øjeblikkelig søgning og filtrering.
- Hex-fremviser Vis filindhold i hex-dump-format med søgning, offset-navigation og virtuel rulning
- MIME-type Opslag Find MIME-typer øjeblikkeligt efter filendelse eller søg endelser efter MIME-type. Gratis online-reference med over 1000 poster.