Open Source Flex Component: TreeMap

by Josh Tynjala

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 the Author

Josh Tynjala is an indie game developer, entrepreneur, Flash and Flex mercenary, and bowler hat enthusiast.

Discussion
  1. Thanks

    posted by Tink on 11.15.2007
  2. I added links to the source code for each example above. I figured someone would ask for it eventually. :)

    posted by Josh Tynjala on 11.15.2007
  3. This is hot, sir!

    Much thanks.

    posted by Jeffery Bennett on 11.15.2007
  4. this is useful, thanks!

    posted by Kono on 11.23.2007
  5. It is very useful.
    Thank you.

    posted by Lem on 05.15.2008
  6. posted by Visualizando información – Treemaps « 3wstudio on 08.03.2009
Share Your Thoughts

To display code in comments: <pre>Code here. May be multiline. Format XML with &gt; and &lt; entities.</pre>

Some HTML allowed in comments: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>