Some flow charts can represent graphs that are very complex with many interconnected nodes. To help better comprehend these graphs it can help to focus on just part of the flow at a time. With the Butterfly flow graph you can click on a node to focus on the flow that goes through that node. Because it starts with a single node in the center, and fans out left and right with multiple source and target nodes, it is called a "butterfly". Click in the chart outside of any node to revert to viewing the entire graph.

This example visualizes the aggregated execution flow of a program. It is not a timeline. The nodes represent functions and the links represent function calls. The size of the link is weighted based on the total time of the function call. A node will be larger then the links leaving it when the function has self time. This is similar to a caller/callee type visualization, except it can represent an arbitrary depth from the focus node, not just the immediate callers and callees.

Note: Butterfly graphs are still under initial development. e.g. Gradients don't work well yet with IE.

Data set:
Depth of Field