graphviz-dot-editor

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

Thanks for stopping by my digital playground! If you want to say hi, you can reach out to me on LinkedIn or via email. I'm always keen to chat and connect.

If you really-really like my work, you can support me by buying me a coffee.