Graphviz-redigerer
Skriv DOT-kode og render Graphviz-diagrammer direkte i nettleseren. Alle 7 utformingsmotorer, feillinjer, zoombart forhåndsvisning, SVG-nedlasting og PNG-eksport. Helt lokalt med WebAssembly - ingen opplasting.
Hva er Graphviz og DOT-språket?
Graphviz er et klassisk åpen kildekode-verktøy for grafsualisering. DOT er tekstspråket for å beskrive noder, kanter og attributter; Graphviz beregner automatisk en lesbar utforming.
Trengs internett for å rendre?
Bare for den engangelige første nedlastingena av utformingsmotoren. Etterpå kjøres renderingen lokalt i nettleseren via WebAssembly — diagrammer og kode forlater aldri enheten.
Hvilken utformingsmotorer støttes?
Alle sju: dot (hierarkisk), neato og fdp (kraftbasert), circo (sirkulær), twopi (radial), osage (klyngtre) og patchwork (trekart). Bytt i Nedtrekkslisten Utforming.
Hvordan ser jeg hva en syntaksfeil betyr?
Når DOT-koden har et problem, viser en feilpanel motorens melding med linjenummeret der parsingen feilet, og siste gyldige rendring forblir synlig.
Kan jeg eksportere resultatet?
Ja. Last ned den skarpe vektoren SVG-filen, eller eksporter en PNG i 2x-oppløsning med bakgrunn som passer til det gjeldende temaet.
Kan forhåndsvisningen zoomes for store grafer?
Ja. Bruk mushjulet over forhåndsvisningen eller zoomknappene, dra for å panorere, og trykk Tilpass for å nullstille visningen.
Finnes det starteksempler?
Eksempelmenyen inneholder et flytdiagram, en tilstandsmaskin, et organisasjonskart, et neato-nettverk og et radialt twopi-tre — hvert laster klar-til-redigering DOT-kode.
Blir DOT-koden min lastet opp eller lagret?
Nei. Ingenting sendes til servere og ingenting lagres; redigereren leser bare det du skriver i den gjeldende sideøkta.
Hvor store grafer klarer den?
Grafer med noen hundre noder rendres nesten umiddelbart. Svært store grafer (tusenvis av noder) fungerer også, men rendringen tar forholdsmessig lenger tid.
Samsvarer resultatet med kommandolinje-Graphviz?
Den pakker de samme Graphviz-bibliotekene (versjon 16), så utforminger og SVG er ekvivalente med å kjøre dot-kommandoen lokalt med samme inndata og alternativer.
Slik bruker du Graphviz-redigerer
Denne editoren renderer Graphviz-diagrammer rett i nettleseren din. Skriv DOT-kode til venstre og se SVG-forhåndsvisningen oppdatere seg mens du skriver — drevet av de ekte Graphviz-bibliotekene kompilert til WebAssembly, så grafene dine forlater aldri datamaskinen.
- Skriv eller lim inn DOT-kode i kildeeditoren. Forhåndsvisningen rendres automatisk rundt 300 ms etter at du slutter å skrive.
- Bytt layoutmotor (dot, neato, fdp, circo, twopi, osage, patchwork) for å endre hvordan grafen disponeres.
- Last inn en startmal fra Eksempler-rullegardinlisten — flytskjema, tilstandsmaskin, organisasjonskart, nettverk eller radialtre — og rediger den.
- Bruk mushjulet eller zoomknappene for å undersøke store grafer, dra for å panorere, og trykk Tilpass for å nullstille. Last ned resultatet som SVG eller eksporter et 2x-PNG.
Vises det en syntaksfeil, viser feilpanelet den nøyaktige linjen der DOT-parseren stoppet — rett den linjen og forhåndsvisningen henter seg inn umiddelbart uten at du mister koden.
Relaterte verktøy
- Mermaid-redigerer Lag flytdiagrammer, sekvensdiagrammer, Gantt-diagrammer og mer fra tekst med Mermaid-redigereren. Render, zoom og eksporter SVG eller PNG i nettleseren.
- Kode-lekeplass Online lekeplass for HTML, CSS og JavaScript med forhåndsvisning i sanntid, editor med linjenumre og fanget konsoll. Test kodebiter umiddelbart og last ned resultatet som én HTML-fil - helt i nettleseren.
- Diagrammaker Lag søyle-, linje-, område-, sektor- og ringdiagrammer fra limte inn CSV- eller TSV-data. Sanntidsforhåndsvisning, fargepaletter, kontroll av tittel og tegnforklaring pluss 2x PNG-eksport - alt i nettleseren.
- Hash-sjekk Beregn og verifiser MD5, SHA-1, SHA-256, SHA-512 filhasher lokalt
- Chmod-kalkulator Gratis online chmod-kalkulator for å visualisere og beregne Linux-filrettigheter med avmerkingsbokser. Konverter umiddelbart mellom numerisk (755, 644) og symbolsk notasjon (rwxr-xr-x). Støtter spesielle rettigheter som setuid, setgid, sticky bit.
- ASCII-tabell Komplett ASCII-tegnkodingsreferanse med desimale, heksadesimale, oktale, binære koder, HTML-enheter og tegnbeskrivelser. Umiddelbar søk og filtrering.
- Hex-viser Vis filinnhold i hex-dump-format med søk, offset-navigering og virtuell rulling
- MIME-type Oppslag Finn MIME-typer umiddelbart etter filutvidelse eller søk utvidelser etter MIME-type. Gratis nettverktøy med over 1000 oppføringer.