Graphviz DOT Editor

About the tool

Graphviz is a popular open-source visualization software that allows users to create graphs and diagrams. It uses the DOT language files as input to define the graphs.

Normally, Graphviz is run from the command line. To simplify the process, I've created this tool that allows you to generate graphs and diagrams using Graphviz online.

The tool uses the Graphviz library compiled to WASM and executes synchronously in the browser.

Demo

Input (DOT)

digraph {
  node [
    shape=box
    fontname=Helvetica
  ]
  A -> B -> C
  B -> D
  A -> E
  A -> F
  F -> G
  D -> G
  H -> G
}1
digraph {
2
  node [
3
    shape=box
4
    fontname=Helvetica
5
  ]
6
  A -> B -> C
7
  B -> D
8
  A -> E
9
  A -> F
10
  F -> G
11
  D -> G
12
  H -> G
13
}

Input in the DOT language.

Output

Graphviz DOT Editor

About the tool

Demo

See also