
Timeline View
Timeline View reveals during runtime,
- A graphical representation of profiling data on the right
- A series of checkboxes (the colored squares in the following screenshot) to enable/disable different activities/data types on the left:

These colored boxes can be toggled, which changes the visibility of the corresponding data types within the graphical section of Timeline View.
When an area is selected in Timeline View, more detailed information for that subsystem will be revealed in Breakdown View (beneath Timeline View) for the currently selected frame. The kind of information displayed in Breakdown View varies depending on which area is currently selected in Timeline View.
Areas can be removed from Timeline View by clicking on the X in the top-right corner of an area. If you want to show an area that you removed again, you can use the Add Profiler option in the Controls bar.
At any time, we can click a location in the graphical part of Timeline View to reveal information about a given frame. A large vertical white bar will appear (usually with some additional information on either side coinciding with the line graphs), showing us which frame is selected.
Depending on which area is currently selected (determined by which area is currently highlighted in blue), different information will be available in Breakdown View, and different options will be available in Breakdown View Controls. Changing the area that is selected is as simple as clicking on the relevant box on the left-hand side of Timeline View or on the graphical side; however, clicking inside the graphical area might also change which frame has been selected, so be careful clicking in the graphical area if you wish to see Breakdown View information for the same frame.