How to create Visio-like diagrams on this website

Public forum Technical questions
1

If you want to create a nice diagram like this:

a a b b a--b c c a--c d d a--d e e a--e g g a--g b--c b--d b--e b--g c--d c--e c--g d--e d--g e--g

you can use a simple syntax:

[graphviz engine=circo]
graph {
    a -- b;
    b -- c;
    c -- d;
    d -- e;
    e -- g;
    a -- g;
    a -- c;
    a -- d;
    a -- e;
    b -- d;
    b -- e;
    b -- g;
    c -- e;
    c -- g;
    d -- g;
}
[/graphviz]

If you’re a student at one of our programs, please use this method to create Input/Output (I/O) diagrams and Product Breakdown Structures (PBS’s).

Check out this website for more info and examples of many more different diagrams:

Gallery | Graphviz