360 Flex Data Visualization Code Examples
This is a pretty short post that I wanted to get out to the community. Below are the links and source code (view source) for the presentation I gave today at 360 Flex in San Jose.
GoogleFinance Example: (view source coming soon, still needs some refactoring and clean up.)
http://www.brightpointinc.com/flexdemos/googlefinance.html
DataSet Example:
DataSet Example:
19. August 2008 at 17:19
The view source for the Google Finance Chart doesn’t work
19. August 2008 at 19:12
first example source is a dead link.
19. August 2008 at 20:20
Hi Everyone, let me look into the source code issues. I thought I had it all working, but the wireless was up/down at 360.
The Google Finance actually doesn’t have source enabled, I am still trying to get some of the stuff cleaned up before I do. I will update as soon as source is available.
19. August 2008 at 22:28
Great stuff, enjoyed the session today and look forward to playing with the examples.
thanks!
20. August 2008 at 08:13
When you do get the chart cleaned up let us know for sure. I would totally use it regardless of the state.
23. August 2008 at 05:58
It may be my PC laptop (with Vista Business SP1), but the google finance chart is coming up larger than 1024×768 – with the scrollbars showing up; however, on my my Macbook Pro it doesn’t.
Is this expected behavior? (Just wondering…)
23. August 2008 at 06:57
@Andrew, no that is not expected behavior. I have sometimes seen that happen where the flash player renders differently on Windows. I will see what I can do to fix it.
27. August 2008 at 13:50
Great presentation at 360Flex.
I am working on a chart that could sure use the slider part of the Google Chart. Do you have a time frame on when the source code would be available? Or if you just pointed me in the right direction for the sliders I could probably figure it out from there.
27. August 2008 at 15:54
@Rance,
Yeah, getting the Google Finance example cleaned up is on my long list of to-do’s. But since you asked for it, I just whipped up a simple example with the chart slicer, and included the source code for it. Let me know how it works for you. You can see it here:
http://form-function.blogspot.com/2008/08/chart-slicer-component-released.html
27. August 2008 at 16:38
That is perfect!
Thank you very much.
12. November 2008 at 12:42
[...] will also be covering off on some of the open source components I have previously released like the DataSet Component, as well as one or two new components I have created that make it easier to customize Flex [...]
5. January 2009 at 06:17
Any update on the source code for the Google Finance demo? I appreciate the slicer component but I also wanted to see how you were doing the data tips (i.e. mouse over the background chart, mouse over the little data points).
Thanks!
5. January 2009 at 08:39
@codecraig,
Although I never got around to cleaning up the GoogleFinance source code, you can see all the techniques (cleaned up and easier to read) in the source code from my talk at MAX this year. http://www.twgonzalez.com/blog/?p=75
27. February 2009 at 07:03
This (GoogleFinance example) would be an excellent candidate for an open-source project on something like googlecode (for the sake of irony). Is there any possibility of doing something like this?
Thanks for your response and for these excellent examples. This sort of work makes me excited to be working in Flex
27. February 2009 at 07:41
@Andrew, I have received numerous requests to open up the source code to the Google Finance dashboard, but I am hesitant to do so for a couple reasons. First, the code is actually scraping the Google HTML output via a custom server process I built, which I am sure is not something Google would appreciate all that much. Second (and a weaker argument) is that I have just not found the time to clean the code up to the standards I would like to show publicly. Perhaps if people let me know what aspects of the Google Finance dashboard they are interested in, I could release some of those components.
27. February 2009 at 08:54
Thanks for your quick response!
Personally, I’m interested in the top component’s interaction model. The pulling data from Google is not even remotely my concern — data acquisition is easily abstracted to different types of data providers. How you’ve developed the major interaction model of the chart itself is of great use and would be a great component in and of itself.
Another nice component was the miniature sparklines that you had, but your source available for the sparkline charts that is available from your MAX demo is more than sufficient to start work developing more robust components.
Let me know if this is something that is possible because I’m very interested in developing something like this myself and would very much like to not start from scratch
Thanks for your time and contributions to the Flex community!
27. February 2009 at 10:25
@Andrew, this is something I would definitely be happy to do, it is just a matter of finding the time. Right now I have several client projects in progress, and I am in the middle of developing a new open source project called Axiis, which will be a new data visualization framework for Flex. We are taking a completely new approach to data viz with this framework, and as such it is taking a lot of my attention.
What I would be willing to do, is this: If you e-mail me privately at tgonzalez [at] brightpointinc [dot] com I could send you the current source code to the Google Finance dashboard if you would be willing to abstract out the top chart, and make a sample for it with a static data set.
- Tom
11. November 2009 at 03:00
Hi Tom,
Nice and great work. Thanks.
Where we can get API for Microcharts?
-Kumar