Display page tree as flowchart

I'm writing documentation that's very hierarchical. Right now the page tree looks like this:

- Making Widgets

-- Easy Widgets

-- Complex Widgets

- Selling Widgets

-- Retail

-- Bulk Sales

Since the reader's first question is "Am I making a widget or selling one?", it would be great if the page links were arranged as a top-down tree or flowchart.

I'm sure I can do that in Gliffy, and put a link to each page in the various boxes. But every time there's a new page, or one is moved, I'd have to make changes the chart.

Is there a partly automatic way of doing such a chart? It would be like a Children Display, except everthing at the first level would be beside each other, everything at the second level would be on the next row, etc.