A treemap displays hierarchical data in a truly fascinating way. Using a limited rectangular space, a series of nodes display relationships between items through visible properties such as size and color. Furthermore, by structuring your data into categories, you can discover similar relationships on multiple levels and navigate your data in a way that you previously hadn't imagined.

View Example

<!-- a peek at some of the code used to create the example above -->
<toolbox:TreeMap id="treemap" width="500" height="400" 
	selectable="true" leafStyleName="treeMapLeaf"
	dataProvider="{indexData}"
	labelField="@name" branchLabelField="@source" weightField="@value"
	dataTipFunction="{itemToDataTip}" branchDataTipFunction="{branchToDataTip}"
	colorFunction="{itemToColor}"/>

The TreeMap component handles data providers much like the standard Flex Tree component. Simple XML and Object structures are understood by default, but advanced data descriptors may be used to display any sort of hierarchical data (or even to re-categorize flat lists!). Custom node and branch renderers can add useful new functionality. Styles and skins allow you to customize the look and feel of the component to fit into any application.