USA Unemployment = UI/UX Data Visualisation Example

You can view the final interactive Flash version here:

Flowing Data recently did a post on a USA heat map which can be viewed here:

I loved the look of the resulting image so much that I thought it would be interesting to try and create an interactive version that would allow the user to be able to zoom into states as well as view the data over a time-line.

Thanks to some advice from an earlier tutorial on how to get data to correspond to XML nodes contained within a SVG file of a US Map it was possible to create the necessary Flash files that would allow a similar approach to be applied using Actionscript as Flowing Data had done using Pearl Scripts.

It was than just a case of downloading the data, setting up some appropriate MySQL tables, PHP classes (I use AMFPphp for my Flash Remoting) and than tying it all together.

I have to confess I had expected performances issues with having 3000+ movieclips dynamically updated from data but Flash seems to be able to handle it.

It was than suggested that it would also be interesting to be able to display the values as an incremental change so I also added an additional view that allows for this:

The additional data for incremental change is calculated in the Flash front end. I did this as I had hoped to allow the user to set the start point for the change rather than it just defaulting to the previous year but that will have to be something for a future version. The data for the national and state aggregates is handled by MySQL views.

I had a  lot of fun doing this and will definitely be messing about with this again in the future to add more functionality.

Related Posts:

This entry was posted in Data Visualisation, Interactive Data, Lab Examples and tagged , , , , , , , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

One Comment

  1. Posted December 25, 2010 at 4:33 pm | Permalink

    Hey, I rewally enjoyed this posting! Your site looks great! If you are interested in any web design feel free to contact me at http:/

2 Trackbacks

  1. By Bubble Map on December 1, 2010 at 5:23 pm

    [...] using “R” which inspired me to add an additional bubble view to the interactive USA Unemployment map I previously produced. The bubbles represent the actual number of unemployed per the selected [...]

  2. By 2wearisome on January 12, 2022 at 9:33 pm


Post a Comment

Your email is never published nor shared. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>