Note: This project was written for an early, pre-release version of Flash 9. Have a look at my MXNA Dashboard, which has been updated to work with the proper final version of the player.

I had a lot of fun building a treemap of the MXNA last week. With the framework laid, I spent some time sprucing things up. Some Flex buttons give the map a little depth, and with a few color changes here and there, they easily match the MXNA color scheme. I’ve also expanded the map to show two different views. You’ll be able to tab between the most popular posts and the most recent. My next job will be to add category views.

With the exciting Flex Developer Derby on the horizon, I decided to try out some dashboard-like functionality. On the left side, I added a full listing of all the stories in the map. Above that, I’ve put together some interesting statistics on the displayed data. Ignoring various common words like “the” or “is”, you can view the top five keywords that appear in the titles of the current articles. I’d like to think it will give a good idea of what’s hot on the MXNA on those days where everybody’s posting about something exciting. I may add post excerpts at some point to make it even more accurate. The analysis also captures the most active posts. I hope to find more statistics to extract from the data.

Note: This project was written for an early, pre-release version of Flash 9. Have a look at my MXNA Dashboard, which has been updated to work with the proper final version of the player.

I’ve been studying data visualization recently. During my research, I came across Newsmap. It uses a treemap structure to visually compare the importance of current news items on Google News. This weekend, I built a similar application based on data from the MXNA. Please note that you need Flash Player 8.5 beta to view the demo. If you aren’t a Flash developer, you probably don’t have it. Certainly, this could be done with an earlier version of Flash, but I wanted some practice with AS3.

The MXNA provides web services and Flash services for developers to make use of the posts it aggregates. I’ve never used FlashVars before, so I decided to use those instead of the XML web service. Luckily, AS3 provides the useful URLVariables class, which automatically parses FlashVars into a simple object.

Nodes on the map display the post title, and the user just needs to click on them to navigate to the post. The size of the node’s rectangle is based on the popularity rank provided by the MXNA. Brighter rectangles indicate newer posts. You’ll instantly notice that newer posts tend to have a lower rank because they haven’t had as much exposure. New posts with larger nodes can indicate popular subjects or well-written headlines.

Currently, the map only shows the newest 25 posts, but the webservice will provide up to 50. Alternatively, the map could show only the most popular posts for the whole day. I could also get posts by category only, such as Flash or ColdFusion. Even better, the map could be expanded to hold a series of sub-maps that show the relative popularity of each of the categories. Arguably, the best solution might be to create a series of tabs to allow a user to choose which option he or she prefers.