Comments on: How to make heat maps in Flex http://michaelvandaniker.com/blog/2008/07/06/how-to-make-heat-maps-in-flex/ Flex and Information Visualization Fri, 21 Nov 2008 20:04:31 +0000 http://wordpress.org/?v=2.6.2 By: Glynis Key http://michaelvandaniker.com/blog/2008/07/06/how-to-make-heat-maps-in-flex/#comment-30 Glynis Key Wed, 12 Nov 2008 23:41:58 +0000 http://michaelvandaniker.com/blog/?p=4#comment-30 a1rqvawntdh6uyog a1rqvawntdh6uyog

]]> By: Trygve http://michaelvandaniker.com/blog/2008/07/06/how-to-make-heat-maps-in-flex/#comment-8 Trygve Sat, 09 Aug 2008 06:14:54 +0000 http://michaelvandaniker.com/blog/?p=4#comment-8 I found my error. In the updateDisplayList() method, the following line [graphics.drawRect(0,0,width,height);] always contained zeros for height and width so the drawHeatMap() never made it through your first if statement. I had to hardcode the width and height for some reason. I tried stage.height & stage.width but that didn't work but I can figure that out later. However, I have a new question for you :-). I'm afraid I may not be able to use this example after all. Is there a way to allow this heat map to be semi-transparent over an image. I'm assuming that I need to start with the underlying image as part of the bitmap before I start the processing of the points...? Am I heading in the right direction? I feel like a kid swinging blindly at a piñata. Again, thanks for any help you may provide. I promise I'll stop spamming your blog soon. I found my error. In the updateDisplayList() method, the following line [graphics.drawRect(0,0,width,height);] always contained zeros for height and width so the drawHeatMap() never made it through your first if statement. I had to hardcode the width and height for some reason. I tried stage.height & stage.width but that didn’t work but I can figure that out later.

However, I have a new question for you :-). I’m afraid I may not be able to use this example after all. Is there a way to allow this heat map to be semi-transparent over an image. I’m assuming that I need to start with the underlying image as part of the bitmap before I start the processing of the points…? Am I heading in the right direction? I feel like a kid swinging blindly at a piñata.

Again, thanks for any help you may provide. I promise I’ll stop spamming your blog soon.

]]> By: Trygve http://michaelvandaniker.com/blog/2008/07/06/how-to-make-heat-maps-in-flex/#comment-7 Trygve Sat, 09 Aug 2008 00:55:53 +0000 http://michaelvandaniker.com/blog/?p=4#comment-7 Thank you so much for responding! I hope I'm not bothering you with too many questions but I'm new to AS3 (although I have a strong programming background in Java and .NET). Can you help me understand how to render the heatBitmapData to the stage? I noticed the overloaded methods [commitProperties()] and [updateDisplayList()] however I'm assuming those are part of the UIComponent class. (I just removed the override). I added a few lines to the constructor of HeatMap to create some points in my array and replaced the _dataProvider with this points array in commitProperties(). Then I simply tried to call the commitProperties() and then the updateDisplayList() which in turn calls the drawHeatMap() method. The fla compiles fine but I don't think I'm adding anything to the stage (just a blank white stage when I debug). I thought I would need an addChild(...?) to add it to the display list. I only want to run through the points and display the map once (meaning I don't need to do it to loop on an enter frame event). I hope I'm doing a good enough job explaining myself. I could provide the source changes I made if that would help you understand my question. I know how difficult and time consuming it can be to try to help every person who may contact you so I understand if you're unable to assist me. Any help you can provide will be greatly appreciated. Thanks. Thank you so much for responding!

I hope I’m not bothering you with too many questions but I’m new to AS3 (although I have a strong programming background in Java and .NET). Can you help me understand how to render the heatBitmapData to the stage? I noticed the overloaded methods [commitProperties()] and [updateDisplayList()] however I’m assuming those are part of the UIComponent class. (I just removed the override).

I added a few lines to the constructor of HeatMap to create some points in my array and replaced the _dataProvider with this points array in commitProperties(). Then I simply tried to call the commitProperties() and then the updateDisplayList() which in turn calls the drawHeatMap() method.

The fla compiles fine but I don’t think I’m adding anything to the stage (just a blank white stage when I debug). I thought I would need an addChild(…?) to add it to the display list. I only want to run through the points and display the map once (meaning I don’t need to do it to loop on an enter frame event).

I hope I’m doing a good enough job explaining myself. I could provide the source changes I made if that would help you understand my question. I know how difficult and time consuming it can be to try to help every person who may contact you so I understand if you’re unable to assist me.

Any help you can provide will be greatly appreciated. Thanks.

]]> By: Michael http://michaelvandaniker.com/blog/2008/07/06/how-to-make-heat-maps-in-flex/#comment-6 Michael Fri, 08 Aug 2008 12:36:47 +0000 http://michaelvandaniker.com/blog/?p=4#comment-6 Trygve: The core of HeatMap is the drawHeatMap method, and that should be easy to replicate in AS3 without using the Flex framework classes. HeatMap could extend Sprite instead of UIComponent and dataProvider could be an Array instead of an ArrayCollection. You'll lose the IInvalidating methods, but you can redraw the heat map onEnterFrame instead. If you're not coding in AS at all, you'll just need to replicate drawHeatMap using your language's bitmap utilities. Trygve: The core of HeatMap is the drawHeatMap method, and that should be easy to replicate in AS3 without using the Flex framework classes. HeatMap could extend Sprite instead of UIComponent and dataProvider could be an Array instead of an ArrayCollection. You’ll lose the IInvalidating methods, but you can redraw the heat map onEnterFrame instead. If you’re not coding in AS at all, you’ll just need to replicate drawHeatMap using your language’s bitmap utilities.

]]> By: Trygve http://michaelvandaniker.com/blog/2008/07/06/how-to-make-heat-maps-in-flex/#comment-5 Trygve Thu, 07 Aug 2008 20:54:53 +0000 http://michaelvandaniker.com/blog/?p=4#comment-5 Michael, this work is amazing. How hard would it be for me to rewrite it without Flex? I don't think I have time to learn Flex before my next project. I saw that the HeatMap class extends what looks like a Flex object. If you have a second please let me know your thoughts. Michael, this work is amazing. How hard would it be for me to rewrite it without Flex? I don’t think I have time to learn Flex before my next project. I saw that the HeatMap class extends what looks like a Flex object. If you have a second please let me know your thoughts.

]]> By: Colin Cook http://michaelvandaniker.com/blog/2008/07/06/how-to-make-heat-maps-in-flex/#comment-4 Colin Cook Sat, 19 Jul 2008 00:22:39 +0000 http://michaelvandaniker.com/blog/?p=4#comment-4 Michael-- this is very cool...I have an application I am building that this would work well for. Are you interested in doing some contract work? Colin Cook Michael– this is very cool…I have an application I am building that this would work well for. Are you interested in doing some contract work?

Colin Cook

]]> By: Darya Filippova http://michaelvandaniker.com/blog/2008/07/06/how-to-make-heat-maps-in-flex/#comment-3 Darya Filippova Wed, 16 Jul 2008 14:45:22 +0000 http://michaelvandaniker.com/blog/?p=4#comment-3 nice work nice work

]]>