This image shows the Trace Details page from APM.  In the top of image there is a section showing summary information about the Trace including the status, number of spans, count of any errors, Trace ID, duration, and depth of spans called.
Below this section is a topology diagram of the spans included in the trace, with nodes representing the calling and called components with arrows between the nodes indicating the relative time spent in that path by the arrow thickness.  Colors are used to group nodes and calls into user-defined services.
In the bottom of the image, a table shows the heirarchy of span calls by name, component type, and duration.  The span name provides a hyperlink to further details about the span (not shown in this image) while the duration is a horizontal bar showing duration and span start time as an offset from the beginning of the trace.