Graphviz-editor
Schrijf DOT-code en render Graphviz-diagrammen live in je browser. Alle 7 layout-engines, foutregels, zoombare voorbeeldweergave, SVG-download en PNG-export. Volledig lokaal met WebAssembly - geen upload.
Wat zijn Graphviz en de DOT-taal?
Graphviz is een klassieke open-source toolkit voor graafvisualisatie. DOT is de teksttaal om knopen, randen en attributen te beschrijven; Graphviz berekent automatisch een leesbare layout.
Heb ik internet nodig om te renderen?
Alleen voor de eenmalige eerste download van de layout-engine. Daarna draait rendering lokaal in je browser via WebAssembly — diagrammen en code verlaten nooit je apparaat.
Welke layout-engines worden ondersteund?
Alle zeven: dot (hiërarchisch), neato en fdp (krachtgestuurd), circo (circulair), twopi (radiaal), osage (clusterboom) en patchwork (treemap). Wissel via het Layout-menu.
Hoe zie ik wat een syntaxfout betekent?
Bij problemen in de DOT-code toont een foutpaneel de engine-melding met het regelnummer waar het parsen faalde; de laatste geldige render blijft zichtbaar.
Kan ik het resultaat exporteren?
Ja. Download het scherpe vector-SVG-bestand of exporteer een PNG in 2x-resolutie met een achtergrond passend bij het huidige thema.
Kan de preview zoomen voor grote grafen?
Ja. Gebruik het muiswiel boven de preview of de zoomknoppen, sleep om te pannen en druk op Passend maken om te resetten.
Zijn er startvoorbeelden?
Het Voorbeelden-menu bevat een stroomdiagram, een toestandsmachine, een organogram, een neato-netwerk en een radiale twopi-boom — elk laadt kant-en-klare, bewerkbare DOT-code.
Wordt mijn DOT-code geüpload of opgeslagen?
Nee. Er wordt niets naar servers gestuurd en niets opgeslagen; de editor leest alleen wat je typt in de huidige paginasessie.
Hoe grote grafen aankan het?
Grafen met enkele honderden knopen renderen vrijwel direct. Zeer grote grafen (duizenden knopen) werken ook maar duren evenredig langer.
Komt het resultaat overeen met Graphviz op de commandline?
Het bundelt dezelfde Graphviz-bibliotheken (versie 16), dus layouts en SVG zijn gelijkwaardig aan het lokaal draaien van het dot-commando met dezelfde invoer en opties.
Hoe Graphviz-editor te gebruiken
Deze editor rendert Graphviz-diagrammen direct in je browser. Schrijf DOT-code links en zie de SVG-voorbeeldweergave meegroeien terwijl je typt — aangedreven door de echte Graphviz-bibliotheken gecompileerd naar WebAssembly, dus je grafen verlaten nooit je computer.
- Typ of plak DOT-code in de broneditor. De voorbeeldweergave rendert automatisch ongeveer 300 ms nadat je stopt met typen.
- Wissel de layout-engine (dot, neato, fdp, circo, twopi, osage, patchwork) om de rangschikking van de graaf te wijzigen.
- Laad een starttemplate uit het Voorbeelden-uitklapmenu — stroomdiagram, statusmachine, organogram, netwerk of radiale boom — en bewerk het.
- Gebruik het muiswiel of de zoomknoppen om grote grafen te inspecteren, sleep om te verschuiven en druk op Passen om te resetten. Download het resultaat als SVG of exporteer een 2x-PNG.
Verschijnt er een syntaxisfout, dan toont het foutpaneel de exacte regel waar de DOT-parser stopte — corrigeer die regel en de voorbeeldweergave herstelt onmiddellijk zonder je code te verliezen.
Gerelateerde tools
- Mermaid Editor Maak stroomdiagrammen, sequentiediagrammen, Gantt-charts en meer vanuit tekst met de Mermaid-editor. Render, zoom en exporteer SVG of PNG in je browser.
- Code-speeltuin Online HTML-, CSS- en JavaScript-speeltuin met live voorbeeld, editor met regelnummers en vastgelegde console. Test snippets direct en download het resultaat als één HTML-bestand - volledig in je browser.
- Grafiekmaker Maak balk-, lijn-, vlak-, cirkel- en donutgrafieken van geplakte CSV- of TSV-data. Live voorbeeld, kleurenpaletten, titel- en legendacontroles plus 2x PNG-export - alles in je browser.
- Hash-controle MD5, SHA-1, SHA-256, SHA-512 bestand-hashes lokaal berekenen en verifiëren
- Chmod-calculator Gratis online chmod-calculator om Linux-bestandsrechten te visualiseren en berekenen met selectievakjes. Converteer direct tussen numerieke (755, 644) en symbolische notatie (rwxr-xr-x). Ondersteunt speciale rechten zoals setuid, setgid, sticky bit.
- ASCII-tabel Volledige ASCII-tekencoderingreferentie met decimale, hexadecimale, octale, binaire codes, HTML-entiteiten en karakterbeschrijvingen. Direct zoeken en filteren.
- Hex-viewer Bekijk bestandsinhoud in hex-dump formaat met zoekfunctie, offset-navigatie en virtueel scrollen
- MIME-type Opzoeken Vind direct MIME-typen op bestandsextensie of zoek extensies op MIME-type. Gratis online referentie met meer dan 1000 vermeldingen.