How to create Visio-like diagrams on this website

If you want to create a nice diagram like this:

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; }

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