Interactive Bubble Chart

The New York times has a really nice interactive bubble chart known as the Sector Graphic Chart. As a proof of concept, I put a few hours into seeing how hard it would be to recreate this chart using the Flex Charting components.

Take a look at the original version:

Now before you go poking at the Flex version, Let me make one thing clear. The version I’ve put together is only a small portion of the functionality in that chart. As far as I know, that’s not due to any inherent limitations of the Flex charting components, but rather to the fact that I only put a few hours of work into this. Putting up a polished, produced and published application to be compared against a quick code sample is generally not a smart thing for me to do ;). But with only a few hours of work I was able to add the most visible and impressive interaction to the basic bubble chart supplied by the flex framework. It shouldn’t take too long for someone to take this example and turn it into a full fledged polished and working chart like the Sector Graphic.

Alright, with that caveat, here it is:

Some of the noteworthy concepts demonstrated by this example include:

That last one is the real kicker. Between Beta3 and Release, we added the option of dropping your own component in as a custom axis renderer on a chart. Take a look.

Comments, Questions, Feedback? Tell me all about it here.

Pages

Recently

Categories