Open Source Flex Component: TreeMap

For some time, I’ve been working on a component to display treemaps in Flex applications. A while back, I put the source code in a public repository, and it was set free. I’ve received a lot of great feedback since I released the code, a few helpful bug reports, and I thank everyone who’s played with it already. Today, my TreeMap component for Flex reached an important milestone. I’ve marked it version 1.0, and I created a proper zip download containing the SWC, source code, API documentation, and several examples. You can download the package on the TreeMap project page right now.

I put together several examples. Take a look at a few of them:

Screenshot of TreeMap Component Stock Market Example

Stock Market (source). A TreeMap displaying fake stock data. The weight (size) of each item corresponds to the market cap and the color is the percentage price change.

Screenshot of TreeMap Component and Tree Comparison Example

TreeMap and Tree (source). The TreeMap component side by side with a regular Flex Tree. Both are displaying from the same data provider.

Screenshot of TreeMap Component Selection Example

Selectable TreeMap Nodes (source). Demonstrates a TreeMap with selection enabled.

The TreeMap component is now available under the terms of the MIT open source license, so it may easily be used in both commercial and open source projects. Please download the component, mess around with it, read the documentation, and have fun. Be sure to submit bugs if you find any.

About Josh Tynjala

Josh Tynjala is a frontend developer, open source contributor, bowler hat enthusiast, and karaoke addict. You might be familiar with his project, Feathers UI, an open source user interface library for Starling Framework that is included in the Adobe Gaming SDK.

Discussion

  1. Pingback: Visualizando información – Treemaps « 3wstudio