joshtynjala/flextreemap

TreeMap data visualization component for Adobe Flex

Josh Tynjala is a frontend software developer, open source contributor, and karaoke enthusiast.

Since 2012, Josh has developed Feathers UI, a Kickstarter-funded cross-platform UI component framework for creative projects — written in Haxe. You can contribute a monthly donation to Josh's work on Github Sponsors.

In 2022, Josh was invited to join the leadership team of OpenFL, in recognition of his contributions to the project. OpenFL is an implementation of the APIs in Adobe Flash Player and Adobe AIR, using the Haxe programming language. OpenFL projects can target the web with JavaScript and WebGL/Canvas; native C++ on iOS and Android mobile devices; and native C++ on Windows, macOS, and Linux desktop computers (or with VMs such as Adobe AIR, Electron, and HashLink).

Josh also maintains the ActionScript & MXML and SWF Debugger extensions for Visual Studio Code.

📜 Josh Tynjala's Blog

🐘 @joshtynjala on Mastodon

flextreemap's Issues

Add "strip" treemap layout

Unordered layout. Leaves are added as horizontal strips, and aspect ratios are tested like squarify. When the aspect ratio gets worse, a new strip is started.

Set doubleClickEnabled on leaves when they're created

Otherwise leafDoubleClick is kind of useless.

Allow different "ideal" aspect ratio in squarify layout

Right now, the ideal aspect ratio of a leaf is hard-coded to 1 because that's the point of the squarify layout. However, there are situations where a different aspect ratio might be preferred. Add a property to change this behavior, keeping the default of 1.

Create example that doesn't use XML

Something with ArrayCollections and the tree structure understood by the default data provider.

Style initializer not compatible with Flex 4

Need to update how default styles are applied so that the component will work properly with Flex 4.

TreeMap issue in Flash 4.6

I had used the Treemap in Flash 3.2 code and it worked fine. Now we migrated the code to Flash 4.6 and after that we are getting the below error:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.flextoolbox.controls.treeMapClasses::TreeMapLeafRenderer/updateBackgroundSkin()
at com.flextoolbox.controls.treeMapClasses::TreeMapLeafRenderer/createChildren()
at mx.core::UIComponent/initialize()
at mx.core::UIComponent/http://www.adobe.com/2006/flex/mx/internal::childAdded()
at mx.core::UIComponent/addChild()
at com.flextoolbox.controls::TreeMap/getLeafRenderer()
at com.flextoolbox.controls::TreeMap/refreshBranchChildRenderers()
at com.flextoolbox.controls::TreeMap/refreshBranchChildRenderers()
at com.flextoolbox.controls::TreeMap/commitProperties()
at mx.core::UIComponent/validateProperties()

Any pointers would help!!

Documentation for branchRenderer and leafRenderer properties needs examples.

Just some quick inline examples so that new Flex users know how to specify a custom renderer, such as LiteTreeMapBranchRenderer or LiteTreeMapLeafRenderer.

Also, add @see tags for those two classes to point users toward a couple example implementations.

Layout changes at runtime broken in Flex 4

In Flex 4 only, changing the layout algorithm at runtime doesn't always work. Happens in the LayoutModes example. Still works fine in Flex 3.

depth is always 0

First thank you for your component.

I found a little bug in the code that determine the depth of branches.

line 1627 of TreeMap.as change :

            var branchDepth:int = this._uidToDepth[branch];

to :

            var uid:String = this.itemToUID(branch);
            var branchDepth:int = this._uidToDepth[uid];

Thank you

Add a new renderer or a property on TreeMapBranchRenderer to disable the header

billz requests: "allow a header free treemap that would zoom in
and out on a double click and allow a right-mouse click to provide
branch details while allowing the mouse-over to provide tool-tip data
for the leaves (or maybe, like smartmoney.com provide text over the
branch for ID)"

Create example that uses custom branch and leaf renderers

To keep it simple, just use the LiteTreeMapBranchRenderer and LiteTreeMapLeafRenderer that comes with the source.

Null pointer on TreeMapBranchHeader

I recently upgraded my project from flex 3.5 to flex 4.1. I never used to see this error earlier to the upgrade. I am not sure what changed. Any help would be appreciated.

Thanks,
Meghna

After the upgrade I saw the following error:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.flextoolbox.controls.treeMapClasses::TreeMapBranchHeader/commitProperties()[/Users/josh/Development/ActionScript 3/projects/flextreemap/output/flextreemap/source/com/flextoolbox/controls/treeMapClasses/TreeMapBranchHeader.as:383]
at mx.core::UIComponent/validateProperties()[E:\dev\4.x\frameworks\projects\framework\src\mx\core\UIComponent.as:7933]
at mx.managers::LayoutManager/validateProperties()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\LayoutManager.as:572]
at mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\LayoutManager.as:700]
at mx.managers::LayoutManager/doPhasedInstantiationCallback()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\LayoutManager.as:1072]

Then I upgraded to flextreemap2.2 swc and now I see the following error:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.flextoolbox.controls.treeMapClasses::TreeMapBranchHeader/commitProperties()[C:\Users\Josh\Development\Flex\flextreemap\output\flextreemap\source\com\flextoolbox\controls\treeMapClasses\TreeMapBranchHeader.as:285]
at mx.core::UIComponent/validateProperties()[E:\dev\4.x\frameworks\projects\framework\src\mx\core\UIComponent.as:7933]
at mx.managers::LayoutManager/validateProperties()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\LayoutManager.as:572]
at mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\LayoutManager.as:700]
at mx.managers::LayoutManager/doPhasedInstantiationCallback()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\LayoutManager.as:1072]