How to create Visio-like diagrams on this website

If you want to create a nice diagram like this:

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:

https://www.graphviz.org/gallery/