Graphviz DOT online

Graphviz DOT, as an editable diagram.

Paste a DOT graph and LetDraw turns it into real shapes and arrows you can move, restyle and share. It is Graphviz DOT online without a static image at the end: clusters become frames and edge labels come along. It runs in your browser, with export to PNG, SVG or PDF.

Paste a DOT graph How it works
deps.dot · editable graph
backend calls reads sends loads web api database queue cdn
Step by step

How to open Graphviz DOT online in LetDraw

From a .dot file to a shareable, editable graph in a minute, right in your browser.

  1. Open Generate from Code

    In LetDraw, open Generate from Code (a Pro feature) from the More menu or the command palette.

  2. Paste your DOT

    Paste a graph or digraph, or load a .dot or .gv file. The format is detected automatically and a live preview appears.

  3. Pick a layout

    Choose top-down or left-right, a clean or sketchy style, and hide edge label types you do not need.

  4. Insert and share

    Insert it onto the canvas, edit it like any drawing, share a link or export it as PNG, SVG or PDF.

DOT to diagram

A DOT viewer that gives you an editable graph

LetDraw reads the DOT language itself and lays the graph out with its own clustered layout, so the result is made of real shapes rather than a rendered picture. Node and edge statements, chains like a -> b -> c, label attributes and subgraph cluster_ blocks are all understood.

  • Clusters become frames, named after the cluster label
  • Smart connectors that route around shapes instead of crossing them
  • Export to Mermaid or D2 when you need the graph as code again
Try it now
digraph G { subgraph cluster_b { label="backend"; api -> db; } web -> api [label="calls"]; } calls web backend api db
What people draw

What to do with Graphviz DOT online

Lots of tools and scripts print DOT. LetDraw turns that output into a diagram people can work on.

Dependency graphs

Paste the DOT a build or package tool prints and tidy the result into something you can present.

State machines

Turn states and transitions written as DOT into a diagram the whole team can read and annotate.

Generated graphs

Have a script emit DOT for call graphs, pipelines or data lineage, then polish the diagram by hand.

Old docs, new life

Move .dot files from an old wiki into a canvas where anyone can edit them without a toolchain.

Review together

Share the board, pin comments to any node and edit the graph with others in real time.

Teaching graphs

Write a small graph in DOT, open it on the canvas and draw on top of it while you explain.

Questions

Graphviz DOT online FAQ

Is opening DOT files in LetDraw free?
Generate from Code, which turns a DOT graph into a diagram, is included in Pro. Drawing by hand, templates, shape libraries and export to PNG, SVG and PDF are free on the Free plan, with no credit card.
Does LetDraw run Graphviz?
No. LetDraw reads the DOT text in your browser and uses its own layout, so node positions can differ from a Graphviz render. In exchange, every node and arrow is an editable shape.
Which parts of DOT are supported?
Graphs and digraphs, node and edge statements, edge chains, label attributes and subgraph clusters with labels. HTML labels, record ports and rank settings are ignored, and undirected edges are drawn as arrows.
Can I export the graph again?
Yes. Export it as PNG, SVG or PDF, share a link or a read-only view, or export it as Mermaid or D2 code.

More ways to diagram from code

Terraform diagrams Helm chart diagrams PlantUML online SQL to ER diagram OpenAPI visualizer Git graph EXPLAIN plan visualizer Flowchart maker

Your DOT graph, ready to edit.

Open LetDraw in your browser, paste DOT and get shapes you can move. Fast, and nothing to install.