The Red demo's diagram displays a renderer hierarchy in a tree format. Subtrees can be opened and closed with the small orange triangular handles. The renderer's ID (if provided) is shown in red, followed by the class of the renderer, and some descriptive information about what it renders.

A small tan annotation at the top left of some nodes indicates the selector value that this renderer corresponds to in its parent. A small blue annotation at the top right of some nodes indicates the selection tag set for the renderer.

The screenshot shows Red's own renderer file.

  Red with Orgchart demo's renderer file

  Red with Show demo's renderer file

  Red with Red's own renderer file