Andrew Gilmartin — Fri, 06 Apr 2007 20:51:36 GMT

Graphviz is a good program for displaying simple and very complex site maps. Since the documentation at the site can be overwhelming here is a simple example.

Using the “dot” program the following input will create a simple three page site map with three transitions from a to b and c and from b to c:


digraph "Site X" {

    // display the pages as gray rectangles
    node [ shape=box, color=gray, fontname="Helvetica" ]
    // display the transitions as gray, directed arrows
    edge [ color=gray, arrowhead=open ]

    // define all the pages
    a [ label = "A ..." ]
    b [ label = "B ..." ]
    c [ label = "C ..." ]

    // define the transitions between pages
    a -> b
    a -> c
    b -> c

    // done
}

I have named the pages a, b, and c but a meaningful names like Home and EmailVerification can also be used.

Boxes and Arrows: Comments by Andrew Gilmartin