Graphviz DOT Playground
Preview Graphviz DOT diagrams online. Choose a layout, check syntax errors and download the graph as an SVG.
Can I render Graphviz DOT in my browser?
Yes. Paste a graph or digraph definition, choose a Graphviz engine such as dot, neato or circo, and render it in a browser worker. Review syntax errors and warnings, then download the original DOT or the rendered SVG and PNG.
A little text. A clear diagram.
On your deviceYour rendered diagram will appear here. Source and processing stay in this browser.
Three simple steps
How to use Graphviz DOT Playground
Open a graph project or edit nodes and connections in the workspace.
Explore the graph and choose the relevant analysis or layout controls.
Export the diagram, data tables or an editable project.
Common questions
Good to know
Understand the result.
Keep the original.
Is this tool free, and are my files uploaded?
This tool is free with no account required. The work happens in your browser. Your input and files are not sent to a processing server.
What are the limits and details?
Graphviz runs locally through WebAssembly. External images, links and active SVG content are unsupported. Large layouts may exceed the worker or canvas limit; simplify the graph or try a different layout.
Limits: 100,000 characters, 1,500 lines and 30 seconds of worker processing. Output is limited to a passive SVG canvas up to 4,000 units per side.