Graphviz-redigerare
Skriv DOT-kod och rendera Graphviz-diagram live i webbläsaren. Alla 7 layoutmotorer, felrader, zoombar förhandsvisning, SVG-nedladdning och PNG-export. Helt lokalt med WebAssembly - ingen uppladdning.
Vad är Graphviz och språket DOT?
Graphviz är ett klassiskt open source-verktyg för grafvisualisering. DOT är dess textspråk för att beskriva noder, kanter och attribut; Graphviz beräknar automatiskt en läsbar layout.
Krävs internet för att rendera?
Bara för den engångsnedladdning av layoutmotorn som sker först. Därefter körs renderingen lokalt i webbläsaren via WebAssembly — diagram och kod lämnar aldrig enheten.
Vilka layoutmotorer stöds?
Alla sju: dot (hierarkisk), neato och fdp (kraftbaserade), circo (cirkulär), twopi (radial), osage (klusterträd) och patchwork (treemap). Byt i rullgardinsmenyn Layout.
Hur förstår jag vad ett syntaxfel betyder?
När DOT-koden har ett problem visar en felpanel motorns meddelande med radnumret där tolkningen misslyckades, och den senaste giltiga renderingen förblir synlig.
Kan jag exportera resultatet?
Ja. Ladda ner den skarpa vektor-SVG-filen eller exportera en PNG i 2x-upplösning med bakgrund som matchar det aktuella temat.
Kan förhandsvisningen zooma stora grafer?
Ja. Använd mushjulet över förhandsvisningen eller zoomknapparna, dra för att panorera och tryck Anpassa för att återställa vyn.
Finns det startexempel?
Exempelmenyn innehåller ett flödesdiagram, en tillståndsmaskin, ett organisationsdiagram, ett neato-nätverk och ett radiale twopi-träd — vart och ett laddar färdig, redigerbar DOT-kod.
Laddas min DOT-kod upp eller sparas?
Nej. Inget skickas till några servrar och inget sparas; redigeraren läser bara vad du skriver under den aktuella sid-sessionen.
Hur stora grafer klarar den?
Grafer med några hundra noder renderas nästan direkt. Mycket stora grafer (tusentals noder) fungerar också men tar proportionerligt längre tid.
Stämmer resultatet med Graphviz på kommandoraden?
Den innehåller samma Graphviz-bibliotek (version 16), så layouter och SVG är likvärdiga med att köra dot-kommandot lokalt med samma indata och alternativ.
Hur man använder Graphviz-redigerare
Denna redigerare renderar Graphviz-diagram direkt i din webbläsare. Skriv DOT-kod till vänster och se SVG-förhandsvisningen uppdateras medan du skriver — driven av de riktiga Graphviz-biblioteken kompilerade till WebAssembly, så dina grafer lämnar aldrig datorn.
- Skriv eller klistra in DOT-kod i källredigeraren. Förhandsvisningen renderas automatiskt cirka 300 ms efter att du slutat skriva.
- Växla layoutmotor (dot, neato, fdp, circo, twopi, osage, patchwork) för att ändra hur grafen läggs ut.
- Ladda en startmall ur Exempel-rullgardinen — flödesschema, tillståndsmaskin, organisationsschema, nätverk eller radiellt träd — och redigera den.
- Använd mushjulet eller zoomknapparna för att granska stora grafer, dra för att panorera och tryck Anpassa för att återställa. Ladda ner resultatet som SVG eller exportera en 2x-PNG.
Visas ett syntaxfel visar felfältet exakt rad där DOT-tolkaren stannade — fixa den raden och förhandsvisningen återhämtar sig direkt utan att du förlorar koden.
Relaterade verktyg
- Mermaid-redigerare Skapa flödesscheman, sekvensdiagram, Gantt-scheman och mer från text med Mermaid-redigeraren. Rendera, zooma och exportera SVG eller PNG i webbläsaren.
- Kodlekplats Online-lekplats för HTML, CSS och JavaScript med liveförhandsvisning, editor med radnummer och fångad konsol. Testa kodsnuttar direkt och ladda ner resultatet som en enda HTML-fil - helt i webbläsaren.
- Diagramverktyg Skapa stapel-, linje-, områdes-, cirkel- och munkdiagram från inklistrade CSV- eller TSV-data. Liveförhandsvisning, färgpaletter, kontroll av titel och förklaring plus 2x PNG-export - allt i webbläsaren.
- Hash-kontroll Beräkna och verifiera MD5, SHA-1, SHA-256, SHA-512 filhashar lokalt
- Chmod-kalkylator Gratis online chmod-kalkylator för att visualisera och beräkna Linux-filrättigheter med kryssrutor. Konvertera omedelbart mellan numerisk (755, 644) och symbolisk notation (rwxr-xr-x). Stöder speciella rättigheter som setuid, setgid, sticky bit.
- ASCII-tabell Komplett ASCII-teckenkodningsreferens med decimala, hexadecimala, oktala, binära koder, HTML-entiteter och teckenbeskrivningar. Omedelbar sökning och filtrering.
- Hex-visare Visa filinnehåll i hex-dump-format med sökning, offset-navigering och virtuell scrollning
- MIME-typ Sökning Hitta MIME-typer direkt via filtillägg eller sök tillägg efter MIME-typ. Gratis online-referens med över 1000 poster.